Support textareas and cleanup API page

resources/scripts/components/elements/Input.tsx

@@ -16,7 +16,7 @@ const light = css<Props>`
     }
 `;
 
-const Input = styled.input<Props>`
+const inputStyle = css<Props>`
     // Reset to normal styling.
     ${tw`appearance-none w-full min-w-0`};
     ${tw`p-3 border rounded text-sm transition-all duration-150`};
@@ -43,4 +43,8 @@ const Input = styled.input<Props>`
     ${props => props.isLight && light};
 `;
 
+const Input = styled.input<Props>`${inputStyle}`;
+const Textarea = styled.textarea<Props>`${inputStyle}`;
+
+export { Textarea };
 export default Input;

resources/scripts/components/elements/PageContentBlock.tsx

@@ -3,7 +3,7 @@ import ContentContainer from '@/components/elements/ContentContainer';
 import { CSSTransition } from 'react-transition-group';
 import tw from 'twin.macro';
 
-export default ({ children }): React.FC => (
+const PageContentBlock: React.FC = ({ children }) => (
     <CSSTransition timeout={250} classNames={'fade'} appear in>
         <>
             <ContentContainer css={tw`my-10`}>
@@ -25,3 +25,5 @@ export default ({ children }): React.FC => (
         </>
     </CSSTransition>
 );
+
+export default PageContentBlock;