import { HTMLProps, PropsWithChildren, ReactElement, ReactNode } from 'react';
export type SelectProps = PropsWithChildren<{
    /**
     * Custom classname
     */
    className?: string;
    /**
     * Custom select trigger element
     */
    trigger?: ReactElement;
    /**
     * Allow selection of multiple options
     */
    multiple?: boolean;
    /**
     * Selected options (single, or multiple)
     */
    value?: string | string[];
    /**
     * On change event handler
     */
    onChange?: (e: string | Array<string>) => void;
    /**
     * Label of select
     */
    label?: string;
    /**
     * Custom text shown inside the select field
     */
    labelText?: ReactElement;
    /**
     * Add custom prefix element
     */
    prefix?: ReactElement;
    /**
     * Name of form
     */
    name?: string;
    /**
     * Custom helper component
     */
    helper?: ReactNode;
    /**
     * Custom placeholder text
     */
    placeholder?: ReactNode;
    /**
     * Render as error
     */
    error?: boolean;
    /**
     * Render as disabled
     */
    disabled?: boolean;
    /**
     * Custom anchor icon
     */
    icon?: ReactElement;
    /**
     * Handle state internally
     */
    standalone?: boolean;
    /**
     * Custom HTML attributes for the trigger wrapper element
     */
    triggerWrapperProps?: Omit<HTMLProps<HTMLDivElement>, 'ref'>;
    /**
     * Render variant
     */
    variant?: 'filled' | 'outlined';
    /**
     * Alignment of the flyout
     */
    anchor?: 'left' | 'right';
    /**
     * Set width to 100% for root element
     */
    fullWidth?: boolean;
}>;
export declare const Select: (props: {
    /**
     * Custom classname
     */
    className?: string | undefined;
    /**
     * Custom select trigger element
     */
    trigger?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
    /**
     * Allow selection of multiple options
     */
    multiple?: boolean | undefined;
    /**
     * Selected options (single, or multiple)
     */
    value?: string | string[] | undefined;
    /**
     * On change event handler
     */
    onChange?: ((e: string | Array<string>) => void) | undefined;
    /**
     * Label of select
     */
    label?: string | undefined;
    /**
     * Custom text shown inside the select field
     */
    labelText?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
    /**
     * Add custom prefix element
     */
    prefix?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
    /**
     * Name of form
     */
    name?: string | undefined;
    /**
     * Custom helper component
     */
    helper?: ReactNode;
    /**
     * Custom placeholder text
     */
    placeholder?: ReactNode;
    /**
     * Render as error
     */
    error?: boolean | undefined;
    /**
     * Render as disabled
     */
    disabled?: boolean | undefined;
    /**
     * Custom anchor icon
     */
    icon?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
    /**
     * Handle state internally
     */
    standalone?: boolean | undefined;
    /**
     * Custom HTML attributes for the trigger wrapper element
     */
    triggerWrapperProps?: Omit<HTMLProps<HTMLDivElement>, "ref"> | undefined;
    /**
     * Render variant
     */
    variant?: "filled" | "outlined" | undefined;
    /**
     * Alignment of the flyout
     */
    anchor?: "left" | "right" | undefined;
    /**
     * Set width to 100% for root element
     */
    fullWidth?: boolean | undefined;
} & {
    children?: ReactNode;
} & import("react").RefAttributes<HTMLDivElement>) => ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;