import { StyleFunctionProps } from '@chakra-ui/system';
interface SelectBaseStyle extends StyleFunctionProps {
    labelPosition: string;
    showLabel: boolean;
}
declare const Select: {
    baseStyle?: ({ labelPosition, labelWidth, showLabel }: SelectBaseStyle) => {
        inline: {
            display: {
                md: "flex";
            };
            gap: {
                md: string;
            };
            alignItems: {
                md: "center";
            };
        };
        label: {
            marginBottom: string;
        };
        select: {
            backgroundColor: string;
            borderRadius: string;
            borderColor: string;
            fontSize: string;
            minHeight: {
                base: string;
                md: string;
            };
            paddingTop: string;
            paddingEnd: string;
            paddingBottom: string;
            paddingStart: string;
            flex: {
                md: string;
            };
            _hover: {
                borderColor: string;
            };
            _active: {
                borderColor: string;
                _dark: {
                    borderColor: string;
                    boxShadow: string;
                    outline: string;
                    outlineOffset: string;
                    outlineColor: string;
                    _dark: {
                        outlineColor: string;
                    };
                };
                boxShadow: string;
                outline: string;
                outlineOffset: string;
                outlineColor: string;
            };
            _disabled: {
                bg: string;
                borderColor: string;
                color: string;
                opacity: string;
                _dark: {
                    bg: string;
                    borderColor: string;
                    color: string;
                };
            };
            _focus: {
                "+ .chakra-select__icon-wrapper": {
                    zIndex: string;
                };
                borderColor: string;
                _dark: {
                    borderColor: string;
                    boxShadow: string;
                    outline: string;
                    outlineOffset: string;
                    outlineColor: string;
                    _dark: {
                        outlineColor: string;
                    };
                };
                boxShadow: string;
                outline: string;
                outlineOffset: string;
                outlineColor: string;
            };
            _invalid: {
                border: string;
                borderColor: string;
                boxShadow: string;
                color: string;
            };
            _dark: {
                backgroundColor: string;
                borderColor: string;
                color: string;
                _hover: {
                    borderColor: string;
                };
                _invalid: {
                    borderColor: string;
                    color: string;
                };
            };
        };
        "div[data-testid='ds-helperErrorText']": {
            marginLeft: string;
        };
        /**
         * Overriding Chakra default styles with styles that are RTL-aware to
         * properly position the dropdown icon.
         *
         * To work properly, the `right` attribute needs to be unset before the
         * `inset-inline-end` attribute is set. Additionally, `insetInlineEnd`
         * which should map to `inset-inline-end` actually maps to `right`,
         * which does not solve the problem. Maybe these are bugs in Chakra.
         * */
        ".chakra-select__icon-wrapper": {
            right: string;
            "inset-inline-end": string;
        };
    };
    sizes?: {
        [key: string]: import('@chakra-ui/styled-system').PartsStyleInterpolation<{
            keys: ("inline" | "select")[];
        }>;
    };
    variants?: {
        searchbar: {
            select: {
                flex: string;
            };
        };
    };
    defaultProps?: {
        size?: string | number;
        variant?: "searchbar";
        colorScheme?: string;
    };
    parts: ("inline" | "select")[];
};
export default Select;