import React from 'react';
import { TextColor } from '../Text';
import './Select.scss';
export type SelectExtraOption = {
    callback: (event?: React.MouseEvent<HTMLButtonElement>) => void;
    disabled?: boolean;
    label: string;
    closeOnClick?: boolean;
};
export type SelectableOption = {
    value: string;
    label: string;
    disabled?: boolean;
    colorSwatch?: TextColor;
};
export type SelectProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'defaultValue' | 'value' | 'onChange'> & {
    allowAutoFill?: boolean;
    autoSelect?: boolean;
    defaultValue?: string | undefined;
    disabled?: boolean;
    dropDirection?: 'down' | 'up';
    error?: boolean | string;
    idRef?: string;
    label?: string;
    name?: string;
    onChange?: (value: string) => void;
    options: SelectableOption[];
    placeholder?: string;
    searchable?: boolean;
    shiftIconLeftwards?: boolean;
    value?: string | undefined;
    dataTestId?: string;
    colorSwatch?: TextColor;
    extraOption?: SelectExtraOption;
    paddingRight?: number;
    smallMobileText?: boolean;
};
export declare const Select: React.FC<SelectProps>;