Function ListBox

starters/tailwind/src/ListBox.tsx:20–31

({children, ...props}: ListBoxProps<T>)

interface ListBoxProps<T> extends Omit<AriaListBoxProps<T>, 'layout' | 'orientation'> {}

export function ListBox<T>({children, ...props}: ListBoxProps<T>) {
  return (
    <AriaListBox
      {...props}
      className={composeTailwindRenderProps(
        props.className,
        'outline-0 p-1 w-[200px] bg-white dark:bg-neutral-900 border border-neutral-300 dark:border-neutral-700 rounded-lg font-sans'
      )}>
      {children}
    </AriaListBox>
  );
}

export const itemStyles = tv({
  extend: focusRing,