import React from "react";
import { TagButtonProps } from "./TagButton";
export declare const colors: readonly ["black", "orange", "yellow", "green", "blue", "success", "info", "warning", "danger", "transparent"];
export type TagColor = (typeof colors)[number];
export type TagSize = "small" | "large";
interface CommonProps {
    color?: TagColor;
    size?: TagSize;
    isDisabled?: boolean;
    className?: string;
    children?: React.ReactNode;
    actionButton?: React.ReactElement<TagButtonProps>;
}
type SpanProps = CommonProps & Omit<React.HTMLAttributes<HTMLSpanElement>, keyof CommonProps> & {
    onClick?: undefined;
    href?: undefined;
};
type ButtonProps = CommonProps & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, keyof CommonProps> & {
    onClick: React.MouseEventHandler<HTMLButtonElement>;
    href?: undefined;
};
type AnchorProps = CommonProps & Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, keyof CommonProps> & {
    href: string;
    onClick?: undefined;
};
type TagProps = SpanProps | ButtonProps | AnchorProps;
export declare const CLASS_ROOT = "tag";
declare const Tag: React.ForwardRefExoticComponent<TagProps & React.RefAttributes<HTMLElement>>;
export { Tag };
