import { createContext, MouseEvent } from 'react';
import {
  RtFormFieldSelectProps,
  RtLabelledValue,
} from '../rt-form-field-select.types';

export const SelectedOptionsContext = createContext<{
  selectedOptions: RtLabelledValue[];
  multiple: boolean;
  handleSelect?: (
    v: RtLabelledValue,
    event: MouseEvent<HTMLDivElement>
  ) => void;
  maxTagCount: number;
  onDebounceFilter?: (searchValue: string) => void;
  filterMode: RtFormFieldSelectProps<boolean>['filterMode'];
  searchValue: string;
  shouldRenderSelectedOptions: RtFormFieldSelectProps<boolean>['shouldRenderSelectedOptions'];
  selectedOptionsRenderFn?: RtFormFieldSelectProps<boolean>['selectedOptionsRenderFn'];
}>({
  selectedOptions: [],
  multiple: false,
  maxTagCount: 3,
  filterMode: 'none',
  searchValue: '',
  shouldRenderSelectedOptions: true,
});