import './styles.scss';
export declare const TagTypesValues: readonly ["low", "accent"];
export type TagTypes = (typeof TagTypesValues)[number];
export declare const TagSizesValues: readonly ["large", "medium", "small"];
export type TagSizes = (typeof TagSizesValues)[number];
export declare const TagColorsValues: readonly ["gray", "blue", "green", "red", "yellow", "violet"];
export type TagColors = (typeof TagColorsValues)[number];
export type Props = {
    text: string | JSX.Element;
    className?: string;
    color?: TagColors;
    size?: TagSizes;
    type?: TagTypes;
    disabled?: boolean;
    title?: string | React.ReactNode;
    onClick?: (event: React.MouseEvent<HTMLElement>) => void;
};
export default function Tag({ text, title, className, disabled, color, size, type, onClick, }: Props): import("react").JSX.Element;
