// @flow
import type { TranslatedContent } from '../../../types';
import type { MarginOnlySpaceProps } from '../../../mixins/spacing';
import type { StackeeProps } from '../../../mixins/stackee';
import type { StylableProps } from '../../../mixins/themes';
import type { TestingProps } from '../../../mixins/testing';

export type TextAreaProps<ValueType> = {|
  ...TestingProps,
  ...StylableProps,
  ...MarginOnlySpaceProps,
  ...StackeeProps,
  id?: string,
  placeholder?: ValueType,
  value?: ?ValueType,
  disabled?: boolean,
  focusOnMount?: boolean,
  label: TranslatedContent,
  hideLabel?: boolean,
  resize?: boolean,
  height?: string,
  onChange: (ValueType, SyntheticInputEvent<HTMLInputElement>) => void,
  onFocus?: (SyntheticFocusEvent<HTMLInputElement>) => void,
  onBlur?: (SyntheticFocusEvent<HTMLInputElement>) => void,
|};
