import { Theme } from "@emotion/react";
import { HTMLAttributes, ReactNode } from "react";
import { BackgroundProps, BorderProps, ColorProps, CursorProps, FlexboxProps, GridProps, LayoutProps, PositionProps, ShadowProps, SpaceProps, TypographyProps } from "./system";
export declare type StyledLinkProps = ColorProps & CursorProps & SpaceProps & TypographyProps & LayoutProps & FlexboxProps & GridProps & BackgroundProps & BorderProps & PositionProps & ShadowProps & HTMLAttributes<HTMLAnchorElement>;
export declare type LinkProps = {
    children?: ReactNode;
    external?: boolean;
    href?: string;
    color?: keyof Theme["colors"];
} & StyledLinkProps;
export declare const Link: import("react").ForwardRefExoticComponent<{
    children?: ReactNode;
    external?: boolean | undefined;
    href?: string | undefined;
    color?: "primary" | "accent" | "neutral" | "success" | "warning" | "error" | "info" | "text" | "transparent" | "background" | "currentColor" | "card" | undefined;
} & ColorProps & CursorProps & SpaceProps & TypographyProps & LayoutProps & FlexboxProps & GridProps & BackgroundProps & BorderProps & PositionProps & ShadowProps & HTMLAttributes<HTMLAnchorElement> & import("react").RefAttributes<HTMLAnchorElement>>;