"use client" import * as React from "react" import { Header as AriaHeader, ListBox as AriaListBox, ListBoxItem as AriaListBoxItem, ListBoxSection as AriaListBoxSection, Separator as AriaSeparator, type ListBoxProps as AriaListBoxProps, type ListBoxItemProps, type SeparatorProps, type ListBoxSectionProps, } from "react-aria-components" import { cn } from "@/lib/utils" const ListBox = React.forwardRef( ({ className, ...props }, ref) => ( ), ) ListBox.displayName = "ListBox" const ListBoxItem = React.forwardRef( ({ className, ...props }, ref) => ( ), ) ListBoxItem.displayName = "ListBoxItem" const ListBoxSection = React.forwardRef( ({ className, ...props }, ref) => ( ), ) ListBoxSection.displayName = "ListBoxSection" const ListBoxHeader = React.forwardRef< HTMLDivElement, React.HTMLAttributes >(({ className, ...props }, ref) => ( )) ListBoxHeader.displayName = "ListBoxHeader" const ListBoxSeparator = React.forwardRef( ({ className, ...props }, ref) => ( ), ) ListBoxSeparator.displayName = "ListBoxSeparator" export { ListBox, ListBoxItem, ListBoxSection, ListBoxHeader, ListBoxSeparator }