import { default as React } from 'react';
import { IconFontColor, VisualSlotType } from './types';
export interface ListItemData {
    id: string;
    label: string;
    icon?: VisualSlotType;
    disabled?: boolean;
    checked?: boolean;
    color?: 'blue' | 'red';
    iconColor?: IconFontColor;
    iconDuotonePrimary?: IconFontColor;
    iconDuotoneSecondary?: IconFontColor;
    iconDuotoneOpacityPrimary?: number;
    iconDuotoneOpacitySecondary?: number;
}
export interface ListProps {
    className?: string;
    currentValue?: string;
    items?: ListItemData[];
    onClick?: (item: ListItemData, e: React.MouseEvent) => void;
    icon?: VisualSlotType;
    iconDuotonePrimary?: IconFontColor;
    iconDuotoneSecondary?: IconFontColor;
    iconDuotoneOpacityPrimary?: number;
    iconDuotoneOpacitySecondary?: number;
    valueName?: string;
    titleName?: string;
    children?: React.ReactNode;
    hasCurrent?: boolean;
    padding?: 'none' | 'sm' | 'md' | 'lg';
}
/** Tono de fila seleccionada en `ListItemWithCheckbox` (lista con checks). */
export type ListItemCheckboxSelectionTone = 'brand' | 'subtle';
export interface ListItemProps {
    children: React.ReactNode | string;
    disabled?: boolean;
    icon?: VisualSlotType;
    iconColor?: IconFontColor;
    iconDuotonePrimary?: IconFontColor;
    iconDuotoneSecondary?: IconFontColor;
    iconDuotoneOpacityPrimary?: number;
    iconDuotoneOpacitySecondary?: number;
    color?: 'blue' | 'red';
    onClick?: (e: React.MouseEvent) => void;
    current?: boolean | 'blue' | 'red';
    uppercase?: boolean;
    'data-option-value'?: string;
    isGroupTitle?: boolean;
    groupTitle?: string | React.ReactNode;
    hasCurrent?: boolean;
    /**
     * Solo `ListItemWithCheckbox`: `brand` = fondo azul al seleccionar; `subtle` = fondo gris suave (`ui-bg-fill-hover`) y texto primary, alineado a listas tipo Figma.
     */
    checkboxSelectionTone?: ListItemCheckboxSelectionTone;
    /** Solo `ListItemWithCheckbox`: `start` = checkbox a la izquierda (legacy); `end` = checkbox a la derecha (lista tipo Figma). */
    checkboxPosition?: 'start' | 'end';
    /** Solo `ListItemWithCheckbox`: filas más densas (menos padding vertical). */
    compact?: boolean;
    /** Solo `ListItemWithCheckbox`: imagen de avatar circular (alternativa a `icon`). */
    avatarUrl?: string;
}
//# sourceMappingURL=list.d.ts.map