|
|
@ -14,8 +14,7 @@ interface DropdownProps { |
|
|
|
options: Array<OptionItem>; |
|
|
|
options: Array<OptionItem>; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
export const Dropdown = React.forwardRef<HTMLDivElement, DropdownProps>( |
|
|
|
export function Dropdown(props: DropdownProps) { |
|
|
|
(props: DropdownProps) => ( |
|
|
|
|
|
|
|
<div className="relative my-4 max-w-[18rem]"> |
|
|
|
<div className="relative my-4 max-w-[18rem]"> |
|
|
|
<Listbox value={props.selectedItem} onChange={props.setSelectedItem}> |
|
|
|
<Listbox value={props.selectedItem} onChange={props.setSelectedItem}> |
|
|
|
{({ open }) => ( |
|
|
|
{({ open }) => ( |
|
|
@ -56,6 +55,5 @@ export const Dropdown = React.forwardRef<HTMLDivElement, DropdownProps>( |
|
|
|
</> |
|
|
|
</> |
|
|
|
)} |
|
|
|
)} |
|
|
|
</Listbox> |
|
|
|
</Listbox> |
|
|
|
</div> |
|
|
|
</div>; |
|
|
|
) |
|
|
|
} |
|
|
|
); |
|
|
|
|
|
|
|