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

export type Type =
  | "primary"
  | "secondary"
  | "info"
  | "success"
  | "warning"
  | "critical"
  | "facebook"
  | "google";

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

export type Props = {|
  +children?: React$Node,
  +component?: string | React$Node,
  +href?: string,
  +onClick?: (e: SyntheticEvent<HTMLButtonElement>) => void | Promise<any>,
  +external?: boolean,
  +circled?: boolean,
  +bordered?: boolean,
  +disabled?: boolean,
  +block?: boolean,
  +loading?: boolean,
  +type?: Type,
  +size?: Size,
  +width?: number,
  +submit?: boolean,
  +icon?: React$Node,
  +iconLeft?: React$Node,
  +iconRight?: React$Node,
  ...Globals,
|};

declare export var StyledButton: React$ComponentType<Props>;

declare export default React$ComponentType<Props>;