/// <reference types="react" />
import { listItemSectionBuilder } from '@wix/design-system';
import { ArrayField, KeyedItem } from '@wix/bex-core';
import { ListItem } from './listItem';
import { DropdownLayoutOption, DropdownLayoutValueOption } from '@wix/design-system/dist/types/DropdownLayout';
export declare function useBuildOption<V>({ filter, checkbox, renderItem, }: {
    filter: ArrayField<V>;
    renderItem?: (item: V, index: number) => ListItem;
    checkbox?: boolean;
}): (keyedItem: KeyedItem<V>, index: number) => {
    id: string | number;
    disabled: boolean | undefined;
    overrideOptionStyle: boolean;
    label: string | undefined;
    prefix: import("react").ReactNode;
    value: ({ selected, hovered, size: restSize, ...rest }: import("@wix/design-system").ListItemSelectProps & {
        hovered?: boolean | undefined;
    }) => import("react").JSX.Element;
} & {
    sectionId: string | undefined;
    keyedItem: KeyedItem<V>;
};
type DropdownLayoutValueOptionWithSectionId = DropdownLayoutValueOption & {
    sectionId?: string;
};
export interface BuildSectionOptionsArgs {
    readonly items: DropdownLayoutValueOptionWithSectionId[];
    readonly renderSection?: (sectionId: string) => Parameters<typeof listItemSectionBuilder>[0];
}
export declare function useBuildGroupedOptions({ items, renderSection, }: BuildSectionOptionsArgs): DropdownLayoutOption[];
export {};
//# sourceMappingURL=useBuildOption.d.ts.map