import { ReactNode } from 'react';
export type DropdownItemType = 'item' | 'category';
export type DropdownItemState = 'default' | 'loading' | 'skeleton' | 'empty';
export type DropdownItemProps = Omit<React.LiHTMLAttributes<HTMLLIElement>, 'children'> & {
    /** Item (opção que a pessoa toca) ou Category (título de grupo, só texto). Figma: Dropdown Instance, Type. */
    type?: DropdownItemType;
    label: string;
    /** Segunda linha abaixo do label (Description=True). Só no tipo item. */
    description?: string;
    /** Ícone 20x20 à esquerda (Show Leading). Ignorado com `checkbox`. */
    leading?: ReactNode;
    /** Ícone 20x20 ou BadgeState à direita (Show Trailing). No item selecionado sai o check no lugar. */
    trailing?: ReactNode;
    /** Troca o leading pelo `Checkbox.Field` da lib (Show Checkbox), para lista de seleção múltipla; `selected` marca o checkbox em vez de pintar o item. */
    checkbox?: boolean;
    /** Fundo action-subtle, label em azul e check à direita (State=Selected). */
    selected?: boolean;
    disabled?: boolean;
    /** Estados sem conteúdo (State=Loading, Skeleton e Empty): só sem description. */
    state?: DropdownItemState;
    /** Foco virtual da navegação por teclado (State=Focus): quem tem o foco real é o campo. */
    focused?: boolean;
    'data-testid'?: string;
};
export declare const DropdownItem: ({ type, label, description, leading, trailing, checkbox, selected, disabled, state, focused, className, role, onClick, "data-testid": dataTestId, ...rest }: DropdownItemProps) => import("react/jsx-runtime").JSX.Element;