// @flow
import type { BrandProps } from '../../mixins/branding';
import type { SpaceProps } from '../../mixins/spacing';
import type { StackedProps } from '../../mixins/stacking';
import type { ContainerProps } from '../../mixins/container';
import type { HideProps } from '../../mixins/hide';
import type { TestingProps } from '../../mixins/testing';

export type BoxProps = {|
  ...ContainerProps,
  ...StackedProps,
  ...SpaceProps,
  ...BrandProps,
  ...HideProps,
  ...TestingProps,
  className?: string,
  onBlur?: FocusEventListener,
  onFocus?: FocusEventListener,
  onKeyDown?: KeyboardEventListener,
  onKeyUp?: KeyboardEventListener,
|};
