import type React from "react";
import { cn } from "~/shared/lib/utils";

export function Select({ className, ...props }: React.SelectHTMLAttributes<HTMLSelectElement>) {
	return (
		<select
			className={cn(
				"border border-gray-300 rounded px-2 py-1.5 text-sm bg-white",
				"focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent",
				"disabled:bg-gray-100 disabled:cursor-not-allowed",
				className,
			)}
			{...props}
		/>
	);
}
