// @flow
import * as React from "react";

import type { spaceAfter } from "../../common/getSpacingToken";
import type { Globals } from "../../common/common.js.flow";

export type BasicProps = {|
  +inline?: boolean,
  +rows?: string,
  +columns?: string,
  +gap?: string,
  +rowGap?: string,
  +columnGap?: string,
  +maxWidth?: string,
  +width?: string,
  ...spaceAfter,
|};

export type MediaQuery = {|
  ...BasicProps,
|};

export type Props = {|
  ...BasicProps,
  ...Globals,
  +as?: string,
  +mediumMobile?: MediaQuery,
  +largeMobile?: MediaQuery,
  +tablet?: MediaQuery,
  +desktop?: MediaQuery,
  +largeDesktop?: MediaQuery,
  +children: React.Node,
|};

export type SmallMobile = {|
  +smallMobile: MediaQuery,
|};

declare export default React.ComponentType<Props>;