// @flow
import type { Node } from 'react';
import type { TranslatedContent } from '../../../types';
import type { SpaceKey } from '../../../mixins/spacing';

export type SelectorItemContext = {
  name?: string,
  managedValue?: string | number | string[],
  stateful?: boolean,
  onChange: (SyntheticInputEvent<HTMLElement>) => void,
};

export type SelectorProps = {
  children?: Node,
  name: string,
  type?: string,
  onChange: (input: string) => void,
  label?: TranslatedContent,
  size?: 'sm' | 'md' | 'lg',
  labelSpacing?: SpaceKey[],
};
