import React from 'react';
import { type BoxProps } from '../Box/Box';
export type BaseActiveDropdownItemSize = 'compact' | 'regular' | 'large';
export interface BaseActiveDropdownItemProps {
    iconComponent?: React.ReactNode;
    label: React.ReactNode;
    isOpened?: boolean;
    onClick?: () => void;
    horizontalIconGap?: BoxProps['gap'];
    alwaysVisibleLabel?: string;
    tagComponent?: React.ReactNode;
    tagPosition?: 'start' | 'end';
    size?: BaseActiveDropdownItemSize;
    color?: BoxProps['color'];
    arrowColor?: BoxProps['color'];
    background?: BoxProps['background'];
    labelStyle?: React.CSSProperties;
    /**
     * Render the dropdown caret in a tight 8×8 wrapper instead of the default
     * 16×16. Only affects the caret icon — not paddings, fonts, or hit area on
     * the active item itself.
     */
    compactIcon?: boolean;
}
/**
 * Represents the component used to open the dropdown, usually displayed all the time.
 */
declare function BaseActiveDropdownItem({ iconComponent, label, isOpened, onClick, horizontalIconGap, alwaysVisibleLabel, tagComponent, tagPosition, size, color, arrowColor, background, labelStyle, compactIcon, }: BaseActiveDropdownItemProps): React.JSX.Element;
export default BaseActiveDropdownItem;
