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

type Type = "primary" | "secondary";
type Size = "small" | "normal" | "large";

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

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

declare export default React$ComponentType<Props>;