@procore/core-react/dist/Select/Select.d.ts

React library of Procore Design Guidelines

import React from 'react';
import type { SelectButtonProps, SelectOptGroupProps, SelectOptionProps, SelectProps } from './Select.types';
export declare const SelectButtonFocusContext: React.Context<boolean>;
export declare const useSelectButtonFocused: () => boolean;
export declare const OptGroup: React.ForwardRefExoticComponent<SelectOptGroupProps & React.RefAttributes<HTMLDivElement>>;
export declare const Option: React.ForwardRefExoticComponent<SelectOptionProps & React.RefAttributes<HTMLDivElement>>;
export declare const Button: React.ForwardRefExoticComponent<SelectButtonProps & React.RefAttributes<HTMLDivElement>>;
/**

 We use single selects to allow our users to choose a single option from a list,
 presented in a dropdown. We typically see these selects on forms.

 If you want users to select multiple options, use a multi select, group select,
 and tiered select if you want users to select from a tiered set of options,
 use a tiered select.

 @since 10.19.0

 @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-select--demo)

 @see [Design Guidelines](https://design.procore.com/select)

 */
export declare const Select: React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<HTMLDivElement>> & {
    Button: React.ForwardRefExoticComponent<SelectButtonProps & React.RefAttributes<HTMLDivElement>>;
    Option: React.ForwardRefExoticComponent<SelectOptionProps & React.RefAttributes<HTMLDivElement>>;
    OptGroup: React.ForwardRefExoticComponent<SelectOptGroupProps & React.RefAttributes<HTMLDivElement>>;
};