import { ReactNode } from 'react';
import type { WithDeterministicIdProps } from '@instructure/ui-react-utils';
type SelectableOwnProps = {
    /**
     * The id of the trigger element. Set automatically if not provided
     */
    id?: string;
    /**
     * The id of the option in the list that should be considered highlighted
     */
    highlightedOptionId?: string;
    /**
     * The id of the option(s) in the list that should be considered selected
     */
    selectedOptionId?: string | string[];
    /**
     * Whether or not the options should be visible
     */
    isShowingOptions?: boolean;
    /**
     * Callback fired when the options want to become visible
     */
    onRequestShowOptions?: (event: React.KeyboardEvent | React.MouseEvent) => void;
    /**
     * Callback fired when the options no longer want to be visible
     */
    onRequestHideOptions?: (event: React.KeyboardEvent | React.MouseEvent | React.FocusEvent) => void;
    /**
     * Callback fired when option is hovered or highlighted via keyboard.
     * Either the `id` or the `direction` parameter is supplied
     */
    onRequestHighlightOption?: (event: React.KeyboardEvent | React.MouseEvent, data: {
        id?: string;
        direction?: 1 | -1;
    }) => void;
    /**
     * Callback fired when first option should be highlighted (triggered by the Home key)
     */
    onRequestHighlightFirstOption?: (event: React.KeyboardEvent) => void;
    /**
     * Callback fired when last option should be highlighted (triggered by the End key)
     */
    onRequestHighlightLastOption?: (event: React.KeyboardEvent) => void;
    /**
     * Callback fired when option clicked or selected via keyboard
     */
    onRequestSelectOption?: (event: React.KeyboardEvent | React.MouseEvent, data: {
        id?: string;
    }) => void;
    /**
     * A function with prop getters
     */
    render?: (propGetters: SelectableRender) => ReactNode;
    /**
     * A function with prop getters
     */
    children?: (propGetters: SelectableRender) => ReactNode;
};
type SelectableRender = {
    /**
     * Prop getter for root element
     */
    getRootProps: (props?: {
        onMouseDown?: React.MouseEventHandler;
        onClick?: React.MouseEventHandler;
        [restProps: string]: any;
    }) => Record<string, any>;
    /**
     * Prop getter for label element
     */
    getLabelProps: (props?: Record<string, any>) => Record<string, any>;
    /**
     * Prop getter for trigger element
     */
    getTriggerProps: (props?: {
        ref?: (element: Element | null) => void;
        onKeyDown?: (event: React.KeyboardEvent) => void;
        onKeyUp?: (event: React.KeyboardEvent) => void;
        [restProps: string]: any;
    }) => Record<string, any>;
    /**
     * Prop getter for input element
     */
    getInputProps: (props?: {
        readOnly?: boolean;
        [restProps: string]: any;
    }) => Record<string, any>;
    /**
     * Prop getter for list element
     */
    getListProps: (props?: {
        onMouseDown?: React.MouseEventHandler;
        onClick?: React.MouseEventHandler;
        [restProps: string]: any;
    }) => Record<string, any>;
    /**
     * Prop getter for option elements
     */
    getOptionProps: (props?: {
        id?: string;
        onMouseOver?: React.MouseEventHandler;
        onClick?: React.MouseEventHandler;
        [restProps: string]: any;
    }) => Record<string, any>;
    /**
     * Prop getter for disabled option elements
     */
    getDisabledOptionProps: (props?: Record<string, any>) => Record<string, any>;
    /**
     * Prop getter for screenreader description element
     */
    getDescriptionProps: (props?: Record<string, any>) => Record<string, any>;
};
type PropKeys = keyof SelectableOwnProps;
type AllowedPropKeys = Readonly<Array<PropKeys>>;
type SelectableProps = SelectableOwnProps & WithDeterministicIdProps;
declare const allowedProps: AllowedPropKeys;
export type { SelectableProps, SelectableRender };
export { allowedProps };
//# sourceMappingURL=props.d.ts.map