feat: login page and input

src/components/ui/Input.module.scss

@@ -0,0 +1 @@
+@reference "../../index.scss";

src/components/ui/Input.tsx

@@ -0,0 +1,17 @@
+import { FunctionComponent } from "preact";
+import { tv } from "tailwind-variants";
+
+const input = tv({
+  base: "rounded-md border border-gray-300 p-2",
+});
+
+interface InputProps {
+  isPassword?: boolean;
+  placeholder?: string;
+}
+
+const Input: FunctionComponent<InputProps> = ({ isPassword = false, placeholder = "" }: InputProps) => {
+  return <input type={isPassword ? "password" : "text"} class={input()} placeholder={placeholder} />;
+};
+
+export default Input;