import React from 'react';
import PropTypes from 'prop-types';
import { ComponentProps } from '../utils/types';
type OptionClickHandler = (event: React.MouseEvent<HTMLButtonElement>, data: {
    value: string | number | boolean;
}) => void;
interface OptionPropsBase {
    /** @private */
    active?: boolean;
    /**
     * When provided, `children` is rendered instead of the `label`.
     *
     * Caution: The element(s) passed here must be pure.
     */
    children?: React.ReactNode;
    /**
     * @private this is passed down from Multiselect.
     */
    compact?: boolean;
    /**
     * Additional information to explain the option, such as "Recommended".
     */
    description?: string;
    /**
     * The description text may appear to the right of the label or under the label.
     */
    descriptionPosition?: 'right' | 'bottom';
    /**
     * Prevents user interaction and adds disabled styling.
     *
     * If set to `dimmed`, the component is able to receive focus.
     * If set to `disabled`, the component is unable to receive focus.
     */
    disabled?: boolean | 'dimmed' | 'disabled';
    /**
     * @private Undocumented due to limitations in supporting in compact `Multiselect` (see SUI-8286 notes for more info).
     * A React ref which is set to the DOM element when the component mounts, and null when it unmounts.
     */
    elementRef?: React.Ref<HTMLAnchorElement | HTMLButtonElement>;
    /**
     * Adding hidden options can be useful for resolving the selected display label and icon,
     * when the option should not be in the list. This scenario can arise when Select's filter is
     * controlled, because the selected item may be filtered out; and when a legacy option is
     * valid, but should no longer be displayed as a selectable option.
     */
    hidden?: boolean;
    /**
     * The icon to show before the label. See the @splunk/react-icons package for
     * drop in icons.
     *
     * Caution: The element(s) passed here must be pure. All icons in the react-icons package are pure.
     */
    icon?: React.ReactNode;
    /**
     * The text to show for the option when `children` is not defined. When filtering, the
     * `label` is used for matching to the filter text.
     */
    label: string;
    /** @private */
    onClick?: OptionClickHandler;
    /**
     * Sections of the label string to highlight as a match. This is automatically set for
     * uncontrolled filters, so it's not normally necessary to set this property when using
     * filtering.
     */
    matchRanges?: {
        start: number;
        end: number;
    }[];
    /** @private */
    role?: 'menuitemcheckbox' | 'option';
    /** @private */
    selected?: boolean;
    /** The `Chip` appearance to use if the option is selected. Not supported in compact mode. */
    selectedAppearance?: 'info' | 'success' | 'warning' | 'error';
    /** The `Chip` background color to use if the option is selected. Not supported in compact mode. */
    selectedBackgroundColor?: string;
    /** The `Chip` foreground color to use if the option is selected. Not supported in compact mode. */
    selectedForegroundColor?: string;
    /**
     * When `true`, wrapping is disabled and any additional text is ellipsised.
     */
    truncate?: boolean;
    /**
     * The label and/or icon will be placed on the Control's toggle if it matches this value.
     */
    value: string | number | boolean;
}
type OptionProps = ComponentProps<OptionPropsBase, 'button'>;
/**
 * An option within a `Multiselect`.
 */
declare function Option({ compact, children, description, descriptionPosition, disabled, elementRef, hidden, icon, label, matchRanges, role, selected, truncate, value, ...otherProps }: OptionProps): React.JSX.Element;
declare namespace Option {
    var propTypes: {
        /** @private */
        active: PropTypes.Requireable<boolean>;
        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
        /**
         * @private this is passed down from Multiselect.
         */
        compact: PropTypes.Requireable<boolean>;
        description: PropTypes.Requireable<string>;
        descriptionPosition: PropTypes.Requireable<string>;
        disabled: PropTypes.Requireable<NonNullable<string | boolean | null | undefined>>;
        /**
         * @private Undocumented due to limitations in supporting in compact `Multiselect` (see SUI-8286 notes for more info).
         */
        elementRef: PropTypes.Requireable<object>;
        hidden: PropTypes.Requireable<boolean>;
        icon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
        label: PropTypes.Validator<string>;
        matchRanges: PropTypes.Requireable<(PropTypes.InferProps<{
            start: PropTypes.Validator<number>;
            end: PropTypes.Validator<number>;
        }> | null | undefined)[]>;
        /** @private */
        onClick: PropTypes.Requireable<(...args: any[]) => any>;
        /** @private */
        role: PropTypes.Requireable<string>;
        /** @private */
        selected: PropTypes.Requireable<boolean>;
        selectedAppearance: PropTypes.Requireable<string>;
        selectedBackgroundColor: PropTypes.Requireable<string>;
        selectedForegroundColor: PropTypes.Requireable<string>;
        truncate: PropTypes.Requireable<boolean>;
        value: PropTypes.Validator<NonNullable<NonNullable<string | number | boolean | null | undefined>>>;
    };
}
export default Option;
export { OptionClickHandler };