import * as React from 'react'; import { SelectOptionObject } from './SelectOption'; export interface SelectContextInterface { onSelect: ( event: React.MouseEvent | React.ChangeEvent, value: string | SelectOptionObject, isPlaceholder?: boolean ) => void; onClose: () => void; onFavorite: (itemId: string, isFavorite: boolean) => void; variant: string; inputIdPrefix: string; shouldResetOnSelect: boolean; } export const SelectContext = React.createContext(null); export const SelectProvider = SelectContext.Provider; export const SelectConsumer = SelectContext.Consumer; export enum SelectVariant { single = 'single', checkbox = 'checkbox', typeahead = 'typeahead', typeaheadMulti = 'typeaheadmulti' } export enum SelectPosition { right = 'right', left = 'left' } export enum SelectDirection { up = 'up', down = 'down' } export const SelectFooterTabbableItems = 'input, button, select, textarea, a[href]';