import { ListboxItemBaseProps, ListboxItemSelectedIconProps } from './base/listbox-item-base.js'; import * as _heroui_theme from '@heroui/theme'; import { MenuItemVariantProps } from '@heroui/theme'; import * as tailwind_variants from 'tailwind-variants'; import * as react from 'react'; import * as _heroui_system from '@heroui/system'; import { HTMLHeroUIProps, PropGetter } from '@heroui/system'; import { Node } from '@react-types/shared'; import { ListState } from '@react-stately/list'; import '@react-aria/listbox'; import '@heroui/aria-utils'; interface Props extends ListboxItemBaseProps { item: Node; state: ListState; } type UseListboxItemProps = Props & Omit, keyof Props> & MenuItemVariantProps; declare function useListboxItem(originalProps: UseListboxItemProps): { Component: _heroui_system.As; domRef: react.RefObject; slots: { base: (slotProps?: ({ color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined; disableAnimation?: boolean | undefined; isDisabled?: boolean | undefined; variant?: "flat" | "shadow" | "solid" | "bordered" | "faded" | "light" | undefined; showDivider?: boolean | undefined; hasTitleTextChild?: boolean | undefined; hasDescriptionTextChild?: boolean | undefined; } & tailwind_variants.ClassProp) | undefined) => string; wrapper: (slotProps?: ({ color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined; disableAnimation?: boolean | undefined; isDisabled?: boolean | undefined; variant?: "flat" | "shadow" | "solid" | "bordered" | "faded" | "light" | undefined; showDivider?: boolean | undefined; hasTitleTextChild?: boolean | undefined; hasDescriptionTextChild?: boolean | undefined; } & tailwind_variants.ClassProp) | undefined) => string; title: (slotProps?: ({ color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined; disableAnimation?: boolean | undefined; isDisabled?: boolean | undefined; variant?: "flat" | "shadow" | "solid" | "bordered" | "faded" | "light" | undefined; showDivider?: boolean | undefined; hasTitleTextChild?: boolean | undefined; hasDescriptionTextChild?: boolean | undefined; } & tailwind_variants.ClassProp) | undefined) => string; description: (slotProps?: ({ color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined; disableAnimation?: boolean | undefined; isDisabled?: boolean | undefined; variant?: "flat" | "shadow" | "solid" | "bordered" | "faded" | "light" | undefined; showDivider?: boolean | undefined; hasTitleTextChild?: boolean | undefined; hasDescriptionTextChild?: boolean | undefined; } & tailwind_variants.ClassProp) | undefined) => string; selectedIcon: (slotProps?: ({ color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined; disableAnimation?: boolean | undefined; isDisabled?: boolean | undefined; variant?: "flat" | "shadow" | "solid" | "bordered" | "faded" | "light" | undefined; showDivider?: boolean | undefined; hasTitleTextChild?: boolean | undefined; hasDescriptionTextChild?: boolean | undefined; } & tailwind_variants.ClassProp) | undefined) => string; shortcut: (slotProps?: ({ color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined; disableAnimation?: boolean | undefined; isDisabled?: boolean | undefined; variant?: "flat" | "shadow" | "solid" | "bordered" | "faded" | "light" | undefined; showDivider?: boolean | undefined; hasTitleTextChild?: boolean | undefined; hasDescriptionTextChild?: boolean | undefined; } & tailwind_variants.ClassProp) | undefined) => string; } & { base: (slotProps?: ({ color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined; disableAnimation?: boolean | undefined; isDisabled?: boolean | undefined; variant?: "flat" | "shadow" | "solid" | "bordered" | "faded" | "light" | undefined; showDivider?: boolean | undefined; hasTitleTextChild?: boolean | undefined; hasDescriptionTextChild?: boolean | undefined; } & tailwind_variants.ClassProp) | undefined) => string; wrapper: (slotProps?: ({ color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined; disableAnimation?: boolean | undefined; isDisabled?: boolean | undefined; variant?: "flat" | "shadow" | "solid" | "bordered" | "faded" | "light" | undefined; showDivider?: boolean | undefined; hasTitleTextChild?: boolean | undefined; hasDescriptionTextChild?: boolean | undefined; } & tailwind_variants.ClassProp) | undefined) => string; title: (slotProps?: ({ color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined; disableAnimation?: boolean | undefined; isDisabled?: boolean | undefined; variant?: "flat" | "shadow" | "solid" | "bordered" | "faded" | "light" | undefined; showDivider?: boolean | undefined; hasTitleTextChild?: boolean | undefined; hasDescriptionTextChild?: boolean | undefined; } & tailwind_variants.ClassProp) | undefined) => string; description: (slotProps?: ({ color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined; disableAnimation?: boolean | undefined; isDisabled?: boolean | undefined; variant?: "flat" | "shadow" | "solid" | "bordered" | "faded" | "light" | undefined; showDivider?: boolean | undefined; hasTitleTextChild?: boolean | undefined; hasDescriptionTextChild?: boolean | undefined; } & tailwind_variants.ClassProp) | undefined) => string; selectedIcon: (slotProps?: ({ color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined; disableAnimation?: boolean | undefined; isDisabled?: boolean | undefined; variant?: "flat" | "shadow" | "solid" | "bordered" | "faded" | "light" | undefined; showDivider?: boolean | undefined; hasTitleTextChild?: boolean | undefined; hasDescriptionTextChild?: boolean | undefined; } & tailwind_variants.ClassProp) | undefined) => string; shortcut: (slotProps?: ({ color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined; disableAnimation?: boolean | undefined; isDisabled?: boolean | undefined; variant?: "flat" | "shadow" | "solid" | "bordered" | "faded" | "light" | undefined; showDivider?: boolean | undefined; hasTitleTextChild?: boolean | undefined; hasDescriptionTextChild?: boolean | undefined; } & tailwind_variants.ClassProp) | undefined) => string; } & {}; classNames: _heroui_theme.SlotsToClasses<"base" | "title" | "description" | "wrapper" | "selectedIcon" | "shortcut"> | undefined; isSelectable: boolean; isSelected: boolean; isDisabled: boolean | undefined; rendered: react.ReactNode; description: react.ReactNode; startContent: react.ReactNode; endContent: react.ReactNode; selectedIcon: react.ReactNode | ((props: ListboxItemSelectedIconProps) => react.ReactNode); hideSelectedIcon: boolean; disableAnimation: boolean; getItemProps: PropGetter; getLabelProps: PropGetter; getWrapperProps: PropGetter; getDescriptionProps: PropGetter; getSelectedIconProps: PropGetter; }; type UseListboxItemReturn = ReturnType; export { type UseListboxItemProps, type UseListboxItemReturn, useListboxItem };