import { default as React } from 'react';

import * as RadixSelect from '@radix-ui/react-select';
export type ValidationState = 'valid' | 'invalid';
type SelectContextValue = {
    isDirty: boolean;
    setIsDirty: React.Dispatch<React.SetStateAction<boolean>>;
    inputRef: React.RefObject<HTMLInputElement>;
    disabled?: boolean;
    readonly?: boolean;
    validationState?: ValidationState;
    placeholder?: string;
    options: string[];
    maxHeight?: string | number;
};
export declare const SelectContext: React.Context<SelectContextValue>;
export type RootProps = React.ComponentPropsWithoutRef<typeof RadixSelect.Root> & {
    name: string;
    /** Whether the input should display its "valid" or "invalid" visual styling. */
    validationState?: ValidationState;
    /** Called when the value changes. */
    onValueChange?: (value: string) => string;
    label?: string;
    helperText?: string;
    placeholder?: string;
    errorText?: string;
    readonly?: boolean;
    value?: string;
    className?: string;
    frameClassName?: string;
    options: string[];
    /** Maximum height of the dropdown. Defaults to the available viewport height. */
    maxHeight?: string | number;
};
export declare const rootClassName = "teddy-select";
export declare const Root: React.ForwardRefExoticComponent<RadixSelect.SelectProps & {
    name: string;
    /** Whether the input should display its "valid" or "invalid" visual styling. */
    validationState?: ValidationState;
    /** Called when the value changes. */
    onValueChange?: (value: string) => string;
    label?: string;
    helperText?: string;
    placeholder?: string;
    errorText?: string;
    readonly?: boolean;
    value?: string;
    className?: string;
    frameClassName?: string;
    options: string[];
    /** Maximum height of the dropdown. Defaults to the available viewport height. */
    maxHeight?: string | number;
} & React.RefAttributes<never>>;
export {};