// @flow
import type { ReactComponentStyled } from "styled-components";

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

type Type = "primary" | "secondary";

export type Props = {|
  +children: React$Node,
  +href?: string,
  +icon?: React$Node,
  +onClick?: (SyntheticEvent<HTMLLinkElement>) => void | Promise<any>,
  +external?: boolean,
  +type?: Type,
  +rel?: string,
  ...Globals,
|};

type styledTextLink = {
  tokens?: { [key: string]: string | number },
  type?: Type,
};

declare export var StyledTextLink: ReactComponentStyled<styledTextLink>;

declare export default React$ComponentType<Props>;