@renderlesskit/react/dist/types/select/SelectOption.d.ts

Collection of headless components/hooks that are accessible, composable, customizable from low level to build your own UI & Design System powered by Reakit

/// <reference types="react" />
import { SelectItemHTMLProps, SelectItemOptions } from "./SelectItem";
export declare const useSelectOption: {
    (options?: SelectItemOptions | undefined, htmlProps?: import("reakit/ts").CompositeItemHTMLProps | undefined, unstable_ignoreUseOptions?: boolean | undefined): import("reakit/ts").CompositeItemHTMLProps;
    unstable_propsAreEqual: (prev: import("reakit/ts").RoleOptions & {
        disabled?: boolean | undefined;
        focusable?: boolean | undefined;
    } & {
        unstable_clickOnEnter?: boolean | undefined;
        unstable_clickOnSpace?: boolean | undefined;
    } & Pick<Partial<import("reakit/ts").unstable_IdStateReturn>, "baseId" | "unstable_idCountRef"> & {
        id?: string | undefined;
    } & Pick<Partial<import("reakit/ts").CompositeStateReturn>, "baseId" | "unstable_virtual" | "orientation" | "unstable_moves" | "unstable_hasActiveWidget"> & Pick<import("reakit/ts").CompositeStateReturn, "currentId" | "items" | "registerItem" | "unregisterItem" | "next" | "previous" | "up" | "down" | "first" | "last" | "setCurrentId"> & Pick<Partial<import("./SelectState").SelectStateReturn>, "visible" | "hide" | "setSelectedValue"> & Pick<import("./SelectState").SelectStateReturn, "registerItem"> & {
        value?: string | undefined;
    } & import("react").HTMLAttributes<any> & import("react").RefAttributes<any> & {
        wrapElement?: ((element: import("react").ReactNode) => import("react").ReactNode) | undefined;
    } & {
        disabled?: boolean | undefined;
    }, next: import("reakit/ts").RoleOptions & {
        disabled?: boolean | undefined;
        focusable?: boolean | undefined;
    } & {
        unstable_clickOnEnter?: boolean | undefined;
        unstable_clickOnSpace?: boolean | undefined;
    } & Pick<Partial<import("reakit/ts").unstable_IdStateReturn>, "baseId" | "unstable_idCountRef"> & {
        id?: string | undefined;
    } & Pick<Partial<import("reakit/ts").CompositeStateReturn>, "baseId" | "unstable_virtual" | "orientation" | "unstable_moves" | "unstable_hasActiveWidget"> & Pick<import("reakit/ts").CompositeStateReturn, "currentId" | "items" | "registerItem" | "unregisterItem" | "next" | "previous" | "up" | "down" | "first" | "last" | "setCurrentId"> & Pick<Partial<import("./SelectState").SelectStateReturn>, "visible" | "hide" | "setSelectedValue"> & Pick<import("./SelectState").SelectStateReturn, "registerItem"> & {
        value?: string | undefined;
    } & import("react").HTMLAttributes<any> & import("react").RefAttributes<any> & {
        wrapElement?: ((element: import("react").ReactNode) => import("react").ReactNode) | undefined;
    } & {
        disabled?: boolean | undefined;
    }) => boolean;
    __keys: readonly any[];
    __useOptions: (options: SelectItemOptions, htmlProps: import("reakit/ts").CompositeItemHTMLProps) => SelectItemOptions;
};
export declare const SelectOption: import("../system").Component<"div", import("reakit/ts").RoleOptions & {
    disabled?: boolean | undefined;
    focusable?: boolean | undefined;
} & {
    unstable_clickOnEnter?: boolean | undefined;
    unstable_clickOnSpace?: boolean | undefined;
} & Pick<Partial<import("reakit/ts").unstable_IdStateReturn>, "baseId" | "unstable_idCountRef"> & {
    id?: string | undefined;
} & Pick<Partial<import("reakit/ts").CompositeStateReturn>, "baseId" | "unstable_virtual" | "orientation" | "unstable_moves" | "unstable_hasActiveWidget"> & Pick<import("reakit/ts").CompositeStateReturn, "currentId" | "items" | "registerItem" | "unregisterItem" | "next" | "previous" | "up" | "down" | "first" | "last" | "setCurrentId"> & Pick<Partial<import("./SelectState").SelectStateReturn>, "visible" | "hide" | "setSelectedValue"> & Pick<import("./SelectState").SelectStateReturn, "registerItem"> & {
    value?: string | undefined;
} & import("react").HTMLAttributes<any> & import("react").RefAttributes<any> & {
    wrapElement?: ((element: import("react").ReactNode) => import("react").ReactNode) | undefined;
} & {
    disabled?: boolean | undefined;
}>;
export declare type SelectOptionOptions = SelectItemOptions;
export declare type SelectOptionHTMLProps = SelectItemHTMLProps;
export declare type SelectOptionProps = SelectOptionOptions & SelectOptionHTMLProps;