mirror of
https://github.com/vercel/commerce.git
synced 2025-05-12 20:57:51 +00:00
22 lines
726 B
TypeScript
22 lines
726 B
TypeScript
import { ComboboxInputProps } from '@headlessui/react';
|
|
import clsx from 'clsx';
|
|
|
|
export default function ComboboxInput({ className, ...props }: ComboboxInputProps) {
|
|
return (
|
|
<ComboboxInput
|
|
className={clsx(
|
|
'w-full rounded border border-gray-200',
|
|
'py-1.5 pl-3 pr-8 text-sm',
|
|
'ring-2 ring-transparent',
|
|
'focus:outline-none focus-visible:outline-none',
|
|
'data-[disabled]:cursor-not-allowed data-[autofocus]:border-0',
|
|
'data-[focus]:border-transparent data-[disabled]:opacity-50',
|
|
'data-[focus]:ring-2 data-[autofocus]:ring-secondary',
|
|
'data-[focus]:ring-secondary data-[focus]:ring-offset-0',
|
|
className
|
|
)}
|
|
{...props}
|
|
/>
|
|
);
|
|
}
|