/** @jsx jsx */ import { ReactNode, Ref } from 'react'; import { jsx } from '@emotion/react'; import { CommonPropsAndClassName, CSSObjectWithLabel, GroupBase } from '../types'; export interface ControlProps = GroupBase> extends CommonPropsAndClassName { /** Children to render. */ children: ReactNode; innerRef: Ref; /** 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: >({ isDisabled, isFocused, theme: { colors, borderRadius, spacing }, }: ControlProps, unstyled: boolean) => CSSObjectWithLabel; declare const Control: >(props: ControlProps) => jsx.JSX.Element; export default Control;