Some checks failed
Build & Deploy / 🔍 Prepare (push) Successful in 20s
Build & Deploy / 🧪 QA (push) Failing after 34s
Build & Deploy / 🏗️ Build (push) Has started running
Build & Deploy / 🚀 Deploy (push) Has been cancelled
Build & Deploy / 🧪 Smoke Test (push) Has been cancelled
Build & Deploy / ⚡ Lighthouse (push) Has been cancelled
Build & Deploy / 🔔 Notify (push) Has been cancelled
29 lines
1.5 KiB
Plaintext
29 lines
1.5 KiB
Plaintext
/** @jsx jsx */
|
|
import { JSX, ReactNode, RefCallback } from 'react';
|
|
import { jsx } from '@emotion/react';
|
|
import { CommonPropsAndClassName, CSSObjectWithLabel, GroupBase } from '../types';
|
|
export interface OptionProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
|
|
/** The children to be rendered. */
|
|
children: ReactNode;
|
|
/** Inner ref to DOM Node */
|
|
innerRef: RefCallback<HTMLDivElement>;
|
|
/** 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: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ isDisabled, isFocused, isSelected, theme: { spacing, colors }, }: OptionProps<Option, IsMulti, Group>, unstyled: boolean) => CSSObjectWithLabel;
|
|
declare const Option: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: OptionProps<Option, IsMulti, Group>) => jsx.JSX.Element;
|
|
export default Option;
|