import * as React from "react"; import { cn } from "../../lib/cn"; function Select({ className, children, ...props}: React.ComponentProps<"select">) { return ( <select data-slot="select" className={cn( "h-8 w-full rounded-lg border border-input bg-transparent px-2.5 text-base outline-none transition-colors focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm dark:bg-input/30", className, )} {...props} > {children} </select> );} export { Select };
import * as React from "react";
import { cn } from "../../lib/cn";
function Select({
className,
children,
...props
}: React.ComponentProps<"select">) {
return (
<select
data-slot="select"
className={cn(
"h-8 w-full rounded-lg border border-input bg-transparent px-2.5 text-base outline-none transition-colors focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm dark:bg-input/30",
className,
)}
{...props}
>
{children}
</select>
);
}
export { Select };