import SelectGroup from './SelectGroup';
import { SelectGroupPropsHelper } from './SelectGroupPropsHelper';

export interface MultiStringSelectGroupProps
  extends SelectGroupPropsHelper<string[]> {}
/** A `<SelectGroup/>` dropdown with values as strings. Multiple options can be selected at a time. */
export function MultiStringSelectGroup(props: MultiStringSelectGroupProps) {
  return <SelectGroup multiple={true} {...props} />;
}

export interface SingleStringSelectGroupProps
  extends SelectGroupPropsHelper<string> {}
/** A `<SelectGroup/>` dropdown with the value as a string. Only one option can be selected at a time. */
export function SingleStringSelectGroup(props: SingleStringSelectGroupProps) {
  return <SelectGroup multiple={false} {...props} />;
}