declare const SearchBar: {
    baseStyle?: ({ hasSelectElem }: import('@chakra-ui/styled-system').StyleFunctionProps) => {
        ".ds-searchBar-textInput": {
            flexGrow: number;
            "div > input": {
                borderRight: number;
                borderRightRadius: number;
            };
        };
        ".ds-searchBar-button": {
            minWidth: string;
            borderLeftRadius: string;
            lineHeight: string;
            marginBottom: string;
            gap: string;
            borderRightRadius: string;
            " > svg": {
                margin: number;
            };
        };
        select: {
            flexShrink: string;
            textOverflow: string;
            _hover: {
                zIndex: string;
                "+ .chakra-select__icon-wrapper": {
                    zIndex: string;
                };
            };
        };
        display: string;
    };
    sizes?: {
        [key: string]: import('@chakra-ui/styled-system').PartsStyleInterpolation<{
            keys: ("button" | "select")[];
        }>;
    };
    variants?: {
        [key: string]: import('@chakra-ui/styled-system').PartsStyleInterpolation<{
            keys: ("button" | "select")[];
        }>;
    };
    defaultProps?: {
        size?: string | number;
        variant?: string | number;
        colorScheme?: string;
    };
    parts: ("button" | "select")[];
};
export default SearchBar;