546b0231e7
* un-daisy labels * un-daisy inputs * un-daisy input groups * fixup input * un-daisy selects * un-daisy slider * Uninstall daisy. Migrate colors * un-daisy tables * fix input error styling * lint
18 lines
463 B
TypeScript
18 lines
463 B
TypeScript
import clsx from 'clsx'
|
|
|
|
export const Select = (props: JSX.IntrinsicElements['select']) => {
|
|
const { className, children, ...rest } = props
|
|
|
|
return (
|
|
<select
|
|
className={clsx(
|
|
'h-12 cursor-pointer self-start overflow-hidden rounded-md border border-gray-300 pl-4 pr-10 text-sm shadow-sm focus:border-indigo-500 focus:outline-none focus:ring-indigo-500',
|
|
className
|
|
)}
|
|
{...rest}
|
|
>
|
|
ß{children}
|
|
</select>
|
|
)
|
|
}
|