UNPKG

2.5 kBTypeScriptView Raw
1/** @jsx jsx */
2import { ReactNode } from 'react';
3import { jsx } from '@emotion/react';
4import { CommonPropsAndClassName, CSSObjectWithLabel, GroupBase } from '../types';
5export interface ContainerProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
6 /** Whether the select is disabled. */
7 isDisabled: boolean;
8 isFocused: boolean;
9 /** The children to be rendered. */
10 children: ReactNode;
11 /** Inner props to be passed down to the container. */
12 innerProps: JSX.IntrinsicElements['div'];
13}
14export declare const containerCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ isDisabled, isRtl, }: ContainerProps<Option, IsMulti, Group>) => CSSObjectWithLabel;
15export declare const SelectContainer: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: ContainerProps<Option, IsMulti, Group>) => jsx.JSX.Element;
16export interface ValueContainerProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
17 /** Props to be passed to the value container element. */
18 innerProps?: JSX.IntrinsicElements['div'];
19 /** The children to be rendered. */
20 children: ReactNode;
21 isDisabled: boolean;
22}
23export declare const valueContainerCSS: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ theme: { spacing }, isMulti, hasValue, selectProps: { controlShouldRenderValue }, }: ValueContainerProps<Option, IsMulti, Group>, unstyled: boolean) => CSSObjectWithLabel;
24export declare const ValueContainer: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: ValueContainerProps<Option, IsMulti, Group>) => jsx.JSX.Element;
25export interface IndicatorsContainerProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
26 isDisabled: boolean;
27 /** The children to be rendered. */
28 children: ReactNode;
29 /** Props to be passed to the indicators container element. */
30 innerProps?: {};
31}
32export declare const indicatorsContainerCSS: () => CSSObjectWithLabel;
33export declare const IndicatorsContainer: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: IndicatorsContainerProps<Option, IsMulti, Group>) => jsx.JSX.Element;