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

export interface MultiNumberSelectGroupProps
  extends SelectGroupPropsHelper<number[] | undefined | null> {}
/** A `<SelectGroup/>` dropdown with values as numbers. Many options can be selected at a time. */
export function MultiNumberSelectGroup(props: MultiNumberSelectGroupProps) {
  return <SelectGroup multiple={true} {...props} />;
}

export interface SingleNumberSelectGroupProps
  extends SelectGroupPropsHelper<number | undefined | null> {}
/** A `<SelectGroup/>` dropdown with values as numbers. Only one option can be selected at a time. */
export function SingleNumberSelectGroup(props: SingleNumberSelectGroupProps) {
  return <SelectGroup multiple={false} {...props} />;
}