import React from 'react';
import { ScrollableTabsProps } from '@/ui/components/scrollable-tabs';
import { UseSelectFieldReturnType } from '../useSelectField';
import { ResetStyleStateType, SelectFieldData, SelectFieldGroupCheckboxClickEventHandler, SelectFieldInputChangeEventHandler, SelectFieldOptionClickEventHandler, SelectFieldSize } from '../types';
export type SelectModalGeneralProps = {
    data?: SelectFieldData;
    contentWidth?: number;
    contentHeight?: number | string;
    size?: SelectFieldSize;
    disableSelect?: boolean;
    disableScrollbar?: boolean;
    empty?: React.ReactNode;
    after?: SelectFieldData;
    tabs?: Omit<ScrollableTabsProps, 'variant' | 'component'>;
    search?: boolean;
    searchPlaceholder?: string;
    onSearch?: SelectFieldInputChangeEventHandler;
    resetStyleState?: ResetStyleStateType;
    disablePortal?: boolean;
    blur?: boolean;
    modalWidth?: string;
    openedModel?: string;
    selectedColor?: string;
    compactWidth?: boolean;
    modalStyles?: React.CSSProperties;
    onOptionClick?: SelectFieldOptionClickEventHandler;
    onGroupCheckboxClick?: SelectFieldGroupCheckboxClickEventHandler;
};
export type SelectModalProps = SelectModalGeneralProps & Omit<UseSelectFieldReturnType, 'disabled' | 'handleInputClick' | 'maxHeight' | 'triggerRef'>;
export declare const SelectModal: ({ isOpen, data: initialData, contentWidth, contentHeight, size, disableSelect, disableScrollbar, empty, after, tabs, search, searchPlaceholder, resetStyleState, placement, selectModalRef, disablePortal, blur, x, y, width, isKeyboardOpen, value, multiple, modalWidth, openedModel, selectedColor, compactWidth, modalStyles, onSearch, onOptionClick, onGroupCheckboxClick, handleClose, setValue, }: SelectModalProps) => import("react/jsx-runtime").JSX.Element;
export * from './styled';
export * from './option';