import type { InputHTMLAttributes } from "react";
import { cn } from "@/lib/utils";

export function Input({ className, ...props }: InputHTMLAttributes<HTMLInputElement>) {
  return (
    <input
      className={cn(
        "h-10 w-full rounded-xl border border-slate-300/90 bg-white px-3 text-sm text-slate-900 shadow-[inset_0_1px_2px_rgba(15,23,42,0.04)] placeholder:text-slate-500 focus:border-[#2663AC] focus:outline-none focus:ring-2 focus:ring-[#2663AC]/20",
        className,
      )}
      {...props}
    />
  );
}