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

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

export type Size = "small" | "medium" | "large";

export type Color =
  | "primary"
  | "secondary"
  | "tertiary"
  | "info"
  | "success"
  | "warning"
  | "critical";

export type Props = {|
  ...Globals,
  +size?: Size,
  +color?: Color,
  +className?: string,
  +customColor?: string,
  +ariaHidden?: boolean,
  +reverseOnRtl?: boolean,
  +ariaLabel?: string,
|};

export type FactoryProps = {|
  +viewBox: string,
  +children: React.Node,
  ...Props,
|};

declare export default React.ComponentType<FactoryProps>;

export type GetSize = (size: Size) => ({| theme: typeof defaultTheme |}) => string;

declare export var getSize: GetSize;