Input

1import * as React from "react"
2 
3import { cn } from "@/lib/utils"
4 
5function Input({ className, type, ...props }: React.ComponentProps<"input">) {
6  return (
7    <input
8      type={type}
9      data-slot="input"
10      className={cn(
11        "h-9 w-full min-w-0 rounded-lg border border-[#9599a1] bg-white px-3 py-1 text-[13px] text-[#33383f] shadow-[inset_0_2px_3px_rgba(20,30,50,0.15)] outline-none transition-[box-shadow,border-color] placeholder:text-[#9aa0a8] focus-visible:border-[var(--aqua-ring,#6cb0f7)] focus-visible:ring-[3px] focus-visible:ring-[var(--aqua-ring,#6cb0f7)]/70 disabled:pointer-events-none disabled:opacity-50",
12        className
13      )}
14      {...props}
15    />
16  )
17}
18 
19export { Input }