Input

1import { ComponentProps } from "react";
2
3import { Input as InputPrimitive } from "@base-ui/react/input";
4
5import { cn } from "@/lib/utils";
6
7function Input({ className, type, ...props }: ComponentProps<"input">) {
8  return (
9    <InputPrimitive
10      type={type}
11      data-slot="input"
12      className={cn(
13        "border rounded-lg block text-base py-[.8rem] px-3 w-full placeholder:text-[#bec8d0] disabled:bg-secondary-200/10 disabled:pointer-events-none focus:outline-none focus:border-primary dark:focus:border-primary border-border bg-input",
14        className
15      )}
16      {...props}
17    />
18  );
19}
20
21export { Input };