// @flow

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

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

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

export type Props = {|
  +size: Size,
  +color?: Color,
  +className: string,
  +customColor: string,
  +children: React$Node,
  +viewBox: string,
  ...Globals,
|};

declare export default React$ComponentType<Props>;

export type GetSize = { theme: typeof defaultTokens, size: Size, sizeIcon?: Size };

declare export var getSize: () => GetSize => string;