import React from 'react';
import type { OtherHTMLAttributes } from '@instructure/shared-types';
import { Renderable } from '@instructure/shared-types';
type OptionProps = {
    id: SimpleSelectOptionOwnProps['id'];
    isDisabled?: SimpleSelectOptionOwnProps['isDisabled'];
    isSelected?: boolean;
    isHighlighted?: boolean;
    children?: React.ReactNode;
};
type RenderSimpleSelectOptionLabel = Renderable<OptionProps>;
type SimpleSelectOptionOwnProps = {
    /**
     * The id for the option. **Must be globally unique**, it will be translated
     * to an `id` prop in the DOM.
     */
    id: string;
    /**
     * The value for the option.
     */
    value: string | number;
    /**
     * Whether or not this option is disabled.
     */
    isDisabled?: boolean;
    /**
     * Content to display as the option label.
     */
    children?: string;
    /**
     * Content to display before the option label, such as an icon.
     */
    renderBeforeLabel?: RenderSimpleSelectOptionLabel;
    /**
     * Content to display after the option label, such as an icon.
     */
    renderAfterLabel?: RenderSimpleSelectOptionLabel;
};
type PropKeys = keyof SimpleSelectOptionOwnProps;
type AllowedPropKeys = Readonly<Array<PropKeys>>;
type SimpleSelectOptionProps = SimpleSelectOptionOwnProps & OtherHTMLAttributes<SimpleSelectOptionOwnProps>;
declare const allowedProps: AllowedPropKeys;
export type { SimpleSelectOptionProps, RenderSimpleSelectOptionLabel };
export { allowedProps };
//# sourceMappingURL=props.d.ts.map