// @flow
/*
  DOCUMENTATION: https://orbit.kiwi/components/text/
*/
import * as React from "react";
import type { StyledComponent } from "styled-components";

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

type Align = "left" | "center" | "right" | "justify";
type As = "p" | "span" | "div";
type Type = "primary" | "secondary" | "info" | "success" | "warning" | "critical" | "white";
type Size = "large" | "normal" | "small";
type Weight = "normal" | "medium" | "bold";

export type Props = {|
  +type?: Type,
  +size?: Size,
  +weight?: Weight,
  +align?: Align,
  +strikeThrough?: boolean,
  +italic?: boolean,
  +uppercase?: boolean,
  +as?: As,
  +children: React.Node,
  +id?: string,
  ...Globals,
  ...spaceAfter,
|};

declare export default React.ComponentType<Props>;

declare export var StyledText: StyledComponent<any, any, HTMLElement>;