import React, { FC } from 'react';
import { SizeType } from '../../util/global-props';
import './tag.component.scss';
export declare type TagPropsType = {
    className?: string;
    children?: React.ReactNode;
    before?: React.ReactNode;
    after?: React.ReactNode;
    dot?: boolean;
    arrow?: boolean;
    color?: 'key' | 'grey' | 'green' | 'violet' | 'blue' | 'yellow' | 'red';
    size?: 'xs' | 'sm' | 'md' | 'lg';
    align?: 'left' | 'center' | 'right';
    fullWidth?: boolean;
    transparent?: boolean;
    margin?: SizeType;
    flex?: number | string;
    style?: React.CSSProperties;
    bold?: boolean;
    ref?: React.Ref<HTMLDivElement>;
    onClick?: React.EventHandler<React.MouseEvent<HTMLDivElement, PointerEvent>>;
    onFocus?: React.EventHandler<React.FocusEvent<HTMLDivElement>>;
    onMouseEnter?: React.EventHandler<React.MouseEvent<HTMLDivElement, PointerEvent>>;
    onMouseLeave?: React.EventHandler<React.MouseEvent<HTMLDivElement, PointerEvent>>;
};
export declare const Tag: FC<TagPropsType>;