import { VNode, DefineComponent } from 'vue';
import { BoxProps } from './Box.js';
import { TextProps } from './Text.js';
import { IComponentTheme } from '../theme/index.js';
export interface SelectOptionProps {
    /**
     * Determines if option is focused.
     */
    isFocused: boolean;
    /**
     * Determines if option is selected.
     */
    isSelected: boolean;
    /**
     * Option label.
     */
    children?: VNode | VNode[] | string;
}
export type SelectTheme = 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 selectTheme: SelectTheme;
export declare const SelectOption: DefineComponent<SelectOptionProps>;
export type { SelectOptionProps as Props, SelectOptionProps as IProps };
//# sourceMappingURL=SelectOption.d.ts.map