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

export function Select({ className, ...props }: SelectHTMLAttributes<HTMLSelectElement>) {
  return (
    <select
      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)] focus:border-[#2663AC] focus:outline-none focus:ring-2 focus:ring-[#2663AC]/20",
        className,
      )}
      {...props}
    />
  );
}