mirror of
https://github.com/CompassConnections/Compass.git
synced 2026-02-25 19:38:05 -05:00
ba9b3cfb06
* Test * Add pretty formatting * Fix Tests * Fix Tests * Fix Tests * Fix * Add pretty formatting fix * Fix * Test * Fix tests * Clean typeckech * Add prettier check * Fix api tsconfig * Fix api tsconfig * Fix tsconfig * Fix * Fix * Prettier
22 lines
605 B
TypeScript
22 lines
605 B
TypeScript
import clsx from 'clsx'
|
|
import {forwardRef} from 'react'
|
|
|
|
export const Select = forwardRef<HTMLSelectElement, JSX.IntrinsicElements['select']>(
|
|
(props, ref) => {
|
|
const {className, children, ...rest} = props
|
|
|
|
return (
|
|
<select
|
|
ref={ref}
|
|
className={clsx(
|
|
'bg-canvas-0 text-ink-1000 border-ink-300 focus:border-primary-500 focus:ring-primary-500 h-12 cursor-pointer self-start overflow-hidden rounded-md border pl-4 pr-10 text-sm shadow-sm focus:outline-none',
|
|
className,
|
|
)}
|
|
{...rest}
|
|
>
|
|
{children}
|
|
</select>
|
|
)
|
|
},
|
|
)
|