import * as React from "react";
import { type VariantProps } from "../utils.js";
declare const tagVariants: (props?: ({
    isInteractive?: boolean | null | undefined;
    isDismissible?: boolean | null | undefined;
    isDisabled?: boolean | null | undefined;
    variant?: "accent" | "neutral-light" | "neutral-strong" | "neutral-base" | "success" | "warning" | "neutral-base-outline" | "neutral-muted" | "neutral-xstrong" | "neutral-dark" | "accent-light" | "success-light" | "destructive" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
export interface TagProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, "children" | "content">, VariantProps<typeof tagVariants> {
    content: React.ReactNode;
    onDismiss?: (event: React.SyntheticEvent<HTMLSpanElement>) => void;
    dismissIconElement?: React.ReactElement;
    dismissIconLabel?: string;
    swatchColor?: string;
    swatchColorIcon?: boolean;
    icon?: React.ReactElement | null;
    disabled?: boolean;
}
declare const Tag: ((props: TagProps) => React.JSX.Element) & {
    original: (props: TagProps) => React.JSX.Element;
    originalName: string;
    displayName: string;
} & {
    original: ((props: TagProps) => React.JSX.Element) & {
        original: (props: TagProps) => React.JSX.Element;
        originalName: string;
        displayName: string;
    };
    originalName: string;
    displayName: string;
} & {
    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<((props: TagProps) => React.JSX.Element) & {
        original: (props: TagProps) => React.JSX.Element;
        originalName: string;
        displayName: string;
    }>) => (props: unknown) => React.JSX.Element;
};
export { Tag };