// @flow
/*
  DOCUMENTATION: https://orbit.kiwi/components/textlink/
*/
import * as React from "react";
import type { CSSRules, StyledComponent } from "styled-components";

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

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

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

export type Props = {|
  +ariaCurrent?: string,
  +children: React.Node,
  +href?: string,
  +iconLeft?: React.Node,
  +iconRight?: React.Node,
  +onClick?: (SyntheticEvent<HTMLLinkElement>) => void | Promise<any>,
  +external?: boolean,
  +type?: Type,
  +size?: Size,
  +rel?: string,
  +tabIndex?: string | number,
  +asComponent?: Component,
  +stopPropagation?: boolean,
  +title?: string,
  +standAlone?: boolean,
  +noUnderline?: boolean,
  ...Globals,
|};

export type GetLinkStyleProps = {|
  type: Type,
  noUnderline?: boolean,
  ...ThemeProps,
|};

export type GetLinkStyle = GetLinkStyleProps => CSSRules;

declare export var getLinkStyle: GetLinkStyle;
declare export var StyledTextLink: StyledComponent<Props, any, HTMLElement>;

declare export default React.ComponentType<Props>;