// @flow
import type { ReactComponentStyled } from "styled-components";

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

type Element = "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
type Type = "display" | "title1" | "title2" | "title3";

export type Props = {|
  +element?: Element,
  +type?: Type,
  +children: React$Node,
  +inverted?: boolean,
  ...Globals,
  ...spaceAfter,
|};

declare export default React$ComponentType<Props>;

declare export var StyledHeading: ReactComponentStyled<>;