import React from 'react';
import { Arrow } from './Arrow';
import { Group } from './Group';
import { Option } from './Option';
import { Trigger } from './Trigger';
import { ValueDisplay } from './ValueDisplay';
import { ValueDisplayMultiSelect } from './ValueDisplayMultiSelect';
type Components = {
    Arrow: typeof Arrow;
    Group: typeof Group;
    Option: typeof Option;
    Trigger: typeof Trigger;
    ValueDisplay: typeof ValueDisplay;
    ValueDisplayMultiSelect: typeof ValueDisplayMultiSelect;
};
export declare const Select: React.ForwardRefExoticComponent<{
    children: React.ReactNode;
    className?: string | undefined;
    fullWidth?: boolean | undefined;
    hasError?: boolean | undefined;
    id?: string | undefined;
    name?: string | undefined;
    placeholder?: string | undefined;
    size?: "s" | "m" | undefined;
    width?: number | undefined;
    value?: string | string[] | undefined;
    valueDisplay?: React.ReactNode;
    trigger?: React.ReactNode;
} & {
    defaultValue?: string | string[] | null | undefined;
    onChange?: ((event: React.MouseEvent<Element, MouseEvent> | React.KeyboardEvent<Element> | React.FocusEvent<Element, Element> | null, value: string | string[] | null) => void) | undefined;
    disabled?: boolean | undefined;
    multiple?: boolean | undefined;
} & React.RefAttributes<HTMLButtonElement>> & Components;
export {};
