import { FloatingContext, UseFloatingReturn } from '@floating-ui/react';
import { ReactNode } from 'react';
import { TSizeAll } from '../../types';
import { SelectContextValue } from './SelectContext';

export interface CommonSelectProps {
    placeholder?: ReactNode;
    children: JSX.Element[];
    error?: boolean | string;
    disabled?: boolean;
    label?: ReactNode;
    isTransparent?: boolean;
    size?: TSizeAll;
    defaultIsOpen?: boolean;
    onBlur?: (e: React.FocusEvent<HTMLDivElement>) => void;
    onFocus?: (e: React.FocusEvent<HTMLDivElement>) => void;
    style?: React.CSSProperties;
    id: string;
    /**
     * The maximum height of the dropdown.
     * @default all available height
     * @example '200px'
     */
    dropdownMaxHeight?: string;
    /**
     * Optional custom className
     */
    className?: string;
    /**
     * Optional slot for additional content before the dropdown.
     */
    slots?: {
        before?: ReactNode;
    };
    required?: boolean;
}
export interface SelectBaseProps extends CommonSelectProps {
    floatingStyles?: React.CSSProperties;
    context: FloatingContext;
    selectedChildren: ReactNode;
    referenceProps: Record<string, unknown>;
    floatingProps: Record<string, unknown>;
    elementsRef: React.MutableRefObject<(HTMLElement | null)[]>;
    labelsRef: React.MutableRefObject<(string | null)[]>;
    selectContext: SelectContextValue;
    isOpen: boolean;
    refs: UseFloatingReturn['refs'];
    canGrowVertically?: boolean;
}
export declare const SelectBase: import('react').ForwardRefExoticComponent<SelectBaseProps & import('react').RefAttributes<HTMLDivElement>>;
//# sourceMappingURL=SelectBase.d.ts.map