import { SelectFieldComponentType } from './select-field.types';
/**
 * The `SelectField` component is meant to optimize user interaction and experience.
 * It is a customizable dropdown list that allows users to choose one or more options from a list.
 * Its primary function is to enhance and simplify data input, minimizing user effort
 * in navigation while avoiding incorrect entries.
 *
 * ### Usage
 *
 * ```tsx
 * import { SelectField, SelectOption } from '@bloomreach/react-banana-ui';
 * import React from 'react';
 *
 * export default function MyCustomSingleSelectField() {
 *   return (
 *     <SelectField
 *       label="List of fruits"
 *       placeholder="Select a fruit"
 *       onChange={(event, value) => console.log(value)}
 *     >
 *       <SelectOption value="apple">Apple</SelectOption>
 *       <SelectOption value="banana">Banana</SelectOption>
 *       <SelectOption value="orange">Orange</SelectOption>
 *       <SelectOption value="grapes">Grapes</SelectOption>
 *       <SelectOption value="strawberries">Strawberries</SelectOption>
 *       <SelectOption value="blueberries">Blueberries</SelectOption>
 *       <SelectOption value="pineapple">Pineapple</SelectOption>
 *     </SelectField>
 *   );
 * }
 * ```
 */
declare const _default: SelectFieldComponentType;
export default _default;