Styling of home

components/shared/Input/Input.module.css

@@ -0,0 +1,8 @@
+.root {
+    padding: 1em 0.5em;
+    border: 1px solid var(--color-text, var(--md-sys-color-on-background));
+    margin: 0 0 1em;
+    background-color: var(--color-bg, var(--md-sys-color-background));
+    border-radius: 4px;
+    font-size: var(--md-sys-typescale-body-small-font-size);
+}

components/shared/Input/Input.tsx

@@ -0,0 +1,9 @@
+import { FC, InputHTMLAttributes } from 'react'
+import styles from './Input.module.css'
+import cx from 'classnames'
+
+type Props = InputHTMLAttributes<HTMLInputElement>
+
+export const Input: FC<Props> = ({ className, ...rest }) => {
+  return <input className={cx(className, styles.root)} {...rest} />
+}