/// <reference types="react" />
export declare type Props = {
    id?: string;
    value?: string;
    label?: string;
    disabled?: boolean;
    srOnly?: boolean;
    error?: boolean | string;
    errorMessage?: string;
    labelStyle?: object;
    errorStyle?: object;
};
export declare const SelectWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
/**
 * Contains all of the absolute content which is placed above the select element.
 */
export declare const AbsoluteContentWrapper: import("styled-components").StyledComponent<"div", any, {
    'aria-hidden': "true";
}, "aria-hidden">;
/**
 * Since Chrome does not support `text-overflow: hidden` we need show the value in a separate element.
 */
export declare const SelectedValue: import("styled-components").StyledComponent<"div", any, {
    disabled?: boolean | undefined;
}, never>;
export declare const SelectIcon: import("styled-components").StyledComponent<(props: import("react").SVGAttributes<SVGElement>) => JSX.Element, any, {}, never>;
declare const SelectStyle: import("styled-components").StyledComponent<"select", any, Props, never>;
export default SelectStyle;
//# sourceMappingURL=SelectStyle.d.ts.map