Marc Mintel
5397309103
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
21 lines
1.2 KiB
Plaintext
21 lines
1.2 KiB
Plaintext
/** @jsx jsx */
|
|
import { JSX, ReactNode, Ref } from 'react';
|
|
import { jsx } from '@emotion/react';
|
|
import { CommonPropsAndClassName, CSSObjectWithLabel, GroupBase } from '../types';
|
|
export interface ControlProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
|
|
/** Children to render. */
|
|
children: ReactNode;
|
|
innerRef: Ref<HTMLDivElement>;
|
|
/** The mouse down event and the innerRef to pass down to the controller element. */
|
|
innerProps: JSX.IntrinsicElements['div'];
|
|
/** Whether the select is disabled. */
|
|
isDisabled: boolean;
|
|
/** Whether the select is focused. */
|
|
isFocused: boolean;
|
|
/** Whether the select is expanded. */
|
|
menuIsOpen: boolean;
|
|
}
|
|
export declare const css: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ isDisabled, isFocused, theme: { colors, borderRadius, spacing }, }: ControlProps<Option, IsMulti, Group>, unstyled: boolean) => CSSObjectWithLabel;
|
|
declare const Control: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: ControlProps<Option, IsMulti, Group>) => jsx.JSX.Element;
|
|
export default Control;
|