import { CSSProperties } from 'glamor';
import { BoxSizeStyles, ButtonStyleVariant } from '../styles/defaults/themes.interface';
import React from 'react';
import { StyleOverwrites } from './component.interfaces';
export interface SelectStyles {
    container?: CSSProperties;
    select?: CSSProperties;
    option?: CSSProperties;
}
export interface SelectOption {
    label: string;
    value: string;
}
export interface SelectProps extends StyleOverwrites<SelectStyles> {
    variant?: keyof ButtonStyleVariant;
    size?: keyof BoxSizeStyles;
    children?: React.ReactNode;
    options?: SelectOption[];
    onChange: (value: string) => void;
    value?: string;
    disabled?: boolean;
    id: string;
}
/**
 * A select component built on top of the native select component
 * just with a few style overwrites
 */
export declare const Select: (props: SelectProps) => import("react/jsx-runtime").JSX.Element;