20 lines
491 B
TypeScript
20 lines
491 B
TypeScript
|
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)}
|
||
|
|
/>
|
||
|
|
);
|
||
|
|
}
|