import React, { ReactNode } from 'react';
import { ColorPropsValue, DivProps, Size } from '../../types';
export interface TagProps extends Omit<DivProps, 'prefix'> {
    variant?: 'filled' | 'outlined' | 'plain';
    color?: ColorPropsValue;
    shape?: 'square' | 'rounded';
    size?: Size;
    prefix?: ReactNode;
    suffix?: ReactNode;
    clickable?: boolean;
    closable?: boolean;
    onClose?: React.MouseEventHandler<HTMLButtonElement>;
}
export declare const Tag: React.MemoExoticComponent<({ variant, color, shape, size, prefix, suffix, clickable, closable, onClose, ...props }: TagProps) => import("@emotion/react/jsx-runtime").JSX.Element>;