/** @jsx jsx */ import { ReactNode, RefCallback } from 'react'; import { jsx } from '@emotion/react'; import { CommonPropsAndClassName, CSSObjectWithLabel, GroupBase } from '../types'; export interface OptionProps = GroupBase> extends CommonPropsAndClassName { /** The children to be rendered. */ children: ReactNode; /** Inner ref to DOM Node */ innerRef: RefCallback; /** props passed to the wrapping element for the group. */ innerProps: JSX.IntrinsicElements['div']; /** Text to be displayed representing the option. */ label: string; /** Type is used by the menu to determine whether this is an option or a group. In the case of option this is always `option`. **/ type: 'option'; /** The data of the selected option. */ data: Option; /** Whether the option is disabled. */ isDisabled: boolean; /** Whether the option is focused. */ isFocused: boolean; /** Whether the option is selected. */ isSelected: boolean; } export declare const optionCSS: >({ isDisabled, isFocused, isSelected, theme: { spacing, colors }, }: OptionProps, unstyled: boolean) => CSSObjectWithLabel; declare const Option: >(props: OptionProps) => jsx.JSX.Element; export default Option;