feat: add design system

src/components/form/TextInput/TextInput.tsx

@@ -0,0 +1,19 @@
+import { motion, type HTMLMotionProps } from "motion/react";
+import clsx, { type ClassValue } from "clsx";
+
+import classes from "./TextInput.module.css";
+
+type Props = Omit<HTMLMotionProps<"input">, "className"> & {
+  className?: ClassValue;
+  error?: boolean;
+};
+
+export default function TextInput({ className, error, ...props }: Props) {
+  return (
+    <motion.input
+      {...props}
+      type="text"
+      className={clsx(classes.input, error && classes.error, className)}
+    />
+  );
+}