import type * as React from 'react';
import type { ITopActionsButtonProps } from '../topActionsButton/ITopActionsButton';
/**
 * TopActions Dropdown props.
 *
 * @public
 */
export interface ITopActionsDropdownProps {
    /**
     * The options for the choice group.
     */
    readonly options: ITopActionsDropdownOption[];
    /**
     * Adds functionality to create an action dropdown where
     * the selected choice is not highlighted at the top level.
     *
     * The TitleButton is always displayed on the toolbar.
     */
    readonly titleButton?: ITopActionsButtonProps;
}
/**
 * TopActions Dropdown option props.
 *
 * @public
 */
export interface ITopActionsDropdownOption {
    /**
     * Title (tooltip) text displayed when hovering over an item.
     */
    readonly title?: string;
    /**
     * A required key to uniquely identify the option.
     */
    readonly key: string | number;
    /**
     * The text string for the option.
     */
    readonly text: string;
    /**
     * The Icon component props for choice field.
     */
    readonly iconProps?: ITopActionsDropdownOptionIconProps;
    /**
     * The src of image for choice field.
     */
    readonly imageSrc?: string;
    /**
     * The src of image for choice field which is selected.
     */
    readonly selectedImageSrc?: string;
    /**
     * The width and height of the image in px for choice field.
     */
    readonly imageSize?: {
        readonly width: number;
        readonly height: number;
    };
    /**
     * Whether the choice group option is disabled or not.
     */
    readonly disabled?: boolean;
    /**
     * Whether the choice group option is checked or not.
     *
     * Default value is false.
     */
    readonly checked?: boolean;
    /**
     * The aria label of the choice group option for the benefit of screen readers.
     */
    readonly ariaLabel?: string;
    /**
     * Optional attribute used for when an SVG is used in a Dropdown component
     * This is necessary to allow the SVG to be themed. This is an element using SVG tags such as:
     *
     * <svg width="400" height="110">
     *   <rect width="300" height="100"/>
     * </svg>
     * @internal
     */
    readonly themableSvg?: React.ReactElement;
    /**
     * The data-automation-id property for the dropdown option.
     */
    readonly dataAutomationId?: string;
}
/**
 * TopActions Dropdown icon props.
 *
 * @public
 */
export interface ITopActionsDropdownOptionIconProps {
    /**
     * The name of the icon to use from the Office Fabric icon set.
     */
    readonly officeFabricIconFontName?: string | null;
}
//# sourceMappingURL=ITopActionsDropdown.d.ts.map