import './FlatSelectList.css';
import { AtomMut } from '@reatom/framework';
import React from 'react';
import { FieldPropSize } from '../../FieldComponents';
import { PopoverPropOffset } from '../../Popover';
import { PropsWithJsxAttributes } from '../../../utils/types/PropsWithJsxAttributes';
import { CountedGroup } from '../types';
import { GetOptionPropsResult, OptionForCreate, OptionProps } from '../useFlatSelect';
export declare const FlatSelectListForm: readonly ["default", "brick", "round"];
export type FlatSelectListPropForm = (typeof FlatSelectListForm)[number];
export declare const defaultFlatSelectListPropForm: "default";
type RenderItemProps<ITEM> = {
    item: ITEM;
    active: boolean;
    hovered: boolean;
    onClick: (e: React.MouseEvent) => void;
    onMouseEnter: (e: React.MouseEvent) => void;
    ref: React.Ref<HTMLDivElement>;
};
type Props<ITEM, GROUP> = PropsWithJsxAttributes<{
    size: FieldPropSize;
    listRef: React.Ref<HTMLDivElement>;
    getOptionActions(props: OptionProps<ITEM>): GetOptionPropsResult;
    openAtom: AtomMut<boolean>;
    offset?: PopoverPropOffset | 'none';
    isLoading?: boolean;
    renderItem: (props: RenderItemProps<ITEM>) => React.ReactNode | null;
    highlightedIndexAtom: AtomMut<number>;
    visibleItemsAtom: AtomMut<(OptionForCreate | CountedGroup<ITEM, GROUP>)[]>;
    getGroupLabel?: (group: GROUP) => string;
    labelForCreate?: ((label: string | undefined) => React.ReactNode) | React.ReactNode;
    labelForNotFound?: string;
    labelForEmptyItems?: string;
    notFound?: boolean;
    hasItemsAtom: AtomMut<boolean>;
    itemsRefs: React.RefObject<HTMLDivElement>[];
    virtualScroll?: boolean;
    onScrollToBottom?: (length: number) => void;
    valueAtom: AtomMut<ITEM[]>;
    getItemKeyAtom: AtomMut<(item: ITEM) => string | number>;
    onChangeAll: (e: React.SyntheticEvent, items: ITEM[]) => void;
    onChange: (e: React.SyntheticEvent, item: ITEM) => void;
    inputValueAtom: AtomMut<string>;
    groupsCounterAtom: AtomMut<Record<string, [number, number]>>;
    dropdownZIndexAtom: AtomMut<number | undefined>;
    selectAllLabel: string;
    view: 'default' | 'clear';
    form: 'default' | 'brick' | 'round';
    disabledAtom: AtomMut<boolean>;
}>;
type FlatSelectListComponent = <ITEM, GROUP>(props: Props<ITEM, GROUP>) => React.ReactNode | null;
export declare const FlatSelectList: FlatSelectListComponent;
export {};