import React from "react";
import { BorderProps } from "styled-system";
import { TextProps } from "../asorted/Text";
import { BaseStyledProps } from "../styled";
export type Size = "large" | "medium" | "small" | "tiny";
export type Type = "plain" | "opacity" | "outlined" | "outlinedOpacity";
export type TagProps = BaseStyledProps & React.HTMLAttributes<HTMLDivElement> & BorderProps & React.PropsWithChildren<{
    /**
     * Changes the appearance based on the active state.
     */
    active?: boolean;
    /**
     * Tag style.
     */
    type?: Type;
    /**
     * Size of the tag, affects the padding and the casing (uppercase for small and medium)
     */
    size?: Size;
    /**
     * Props passed to the text component, overriding props set internally by Tag component
     */
    textProps?: TextProps;
    disabled?: boolean;
}>;
export default function Tag({ children, textProps, size, ...props }: TagProps): JSX.Element;
