import { Accessibility, DropdownSelectedItemBehaviorProps } from '@fluentui/accessibility';
import { ComponentEventHandler, ShorthandValue, ComponentKeyboardEventHandler, FluentComponentStaticProps } from '../../types';
import { UIComponentProps } from '../../utils/commonPropInterfaces';
import { ImageProps } from '../Image/Image';
import { BoxProps } from '../Box/Box';
import { ComponentWithAs } from '@fluentui/react-bindings';
export interface DropdownSelectedItemSlotClassNames {
    header: string;
    icon: string;
    image: string;
}
export interface DropdownSelectedItemProps extends UIComponentProps<DropdownSelectedItemProps> {
    /**
     * Accessibility behavior if overridden by the user.
     */
    accessibility?: Accessibility<DropdownSelectedItemBehaviorProps>;
    /** A selected item can be active. */
    active?: boolean;
    /** Header of the selected item. */
    header?: ShorthandValue<BoxProps>;
    /** Icon of the selected item. */
    icon?: ShorthandValue<BoxProps>;
    /** Image of the selected item. */
    image?: ShorthandValue<ImageProps>;
    /**
     * Called on selected item click.
     *
     * @param event - React's original SyntheticEvent.
     * @param data - All props and proposed value.
     */
    onClick?: ComponentEventHandler<DropdownSelectedItemProps>;
    /**
     * Called on selected item key down.
     *
     * @param event - React's original SyntheticEvent.
     * @param data - All props and proposed value.
     */
    onKeyDown?: ComponentKeyboardEventHandler<DropdownSelectedItemProps>;
    /**
     * Called when item is removed from the selection list.
     *
     * @param event - React's original SyntheticEvent.
     * @param data - All props and proposed value.
     */
    onRemove?: ComponentEventHandler<DropdownSelectedItemProps>;
}
export declare const dropdownSelectedItemClassName = "ui-dropdown__selecteditem";
export declare const dropdownSelectedItemSlotClassNames: DropdownSelectedItemSlotClassNames;
export declare type DropdownSelectedItemStylesProps = {
    hasImage: boolean;
};
/**
 * A DropdownSelectedItem represents a selected item of 'multiple-selection' Dropdown.
 */
export declare const DropdownSelectedItem: ComponentWithAs<'span', DropdownSelectedItemProps> & FluentComponentStaticProps<DropdownSelectedItemProps>;