import { VNode, DefineComponent } from 'vue';
import { BoxProps } from './Box.js';
import { TextProps } from './Text.js';
import { IComponentTheme } from '../theme/index.js';
export interface MultiSelectOptionProps {
    /**
     * Determines if option is focused.
     */
    isFocused: boolean;
    /**
     * Determines if option is selected.
     */
    isSelected: boolean;
    /**
     * Option label.
     */
    children?: VNode | VNode[] | string;
}
export type MultiSelectTheme = IComponentTheme & {
    styles: {
        container: () => Partial<BoxProps>;
        option: (props: {
            isFocused: boolean;
        }) => Partial<BoxProps>;
        selectedIndicator: () => Partial<TextProps>;
        focusIndicator: () => Partial<TextProps>;
        label: (props: {
            isFocused: boolean;
            isSelected: boolean;
        }) => Partial<TextProps>;
        highlightedText: () => Partial<TextProps>;
    };
};
export declare const multiSelectTheme: MultiSelectTheme;
export declare const MultiSelectOption: DefineComponent<MultiSelectOptionProps>;
export type { MultiSelectOptionProps as Props, MultiSelectOptionProps as IProps, };
//# sourceMappingURL=MultiSelectOption.d.ts.map