import React from 'react';
import { type BasedAdditionalProps, type SelectBoxOption } from './SelectBox.types';
type SelectBoxOptionProps<T extends string | number | undefined = string, AdditionalProps extends BasedAdditionalProps = BasedAdditionalProps> = {
    /**
     * The option data to render.
     */
    option: SelectBoxOption<T, AdditionalProps>;
    /**
     * Whether this option is currently selected.
     */
    isSelected: boolean;
    /**
     * Index of the currently tabbable option.
     */
    tabbableOptionIndex: number;
    /**
     * Index of this option in the flat options array.
     */
    optionIndex: number;
    /**
     * CSS classes from the parent component.
     */
    classes: {
        listItem: string;
    };
    /**
     * Custom render function for the option.
     */
    renderOption?: (option: SelectBoxOption<T, AdditionalProps>, isSelected: boolean) => React.ReactNode;
    /**
     * Handler called when option receives focus.
     */
    onFocus: (optionIndex: number) => void;
    /**
     * Handler called when option is clicked.
     */
    onClick: (option: SelectBoxOption<T, AdditionalProps>) => void;
    /**
     * Handler for keyboard events.
     */
    onKeyDown: (event: React.KeyboardEvent<HTMLLIElement>) => void;
};
export declare const SelectBoxOptionComponent: (<T extends string | number | undefined = string, AdditionalProps extends BasedAdditionalProps = BasedAdditionalProps>(props: SelectBoxOptionProps<T, AdditionalProps>) => React.ReactElement) & {
    displayName: string;
};
export {};