import type { LayerVariant } from '@fuel-ui/css';
import type { ReactNode } from 'react';
import type { HTMLProps } from '../../utils';
import type { ButtonBaseProps } from '../Button';
import { TagCloseButton } from './TagCloseButton';
export type TagSizes = 'xs' | 'sm' | 'md';
export type TagProps = HTMLProps['div'] & Omit<ButtonBaseProps, 'iconAriaLabel'> & {
    size?: TagSizes;
    variant?: LayerVariant;
};
type ObjProps = {
    CloseButton: typeof TagCloseButton;
};
export declare const Tag: import("react").ForwardRefExoticComponent<{
    [index: `data-${string}`]: unknown;
    as?: any;
    css?: import("@fuel-ui/css").ThemeUtilsCSS | undefined;
    className?: string | undefined;
    children?: ReactNode;
} & import("react").HTMLAttributes<HTMLDivElement> & Omit<ButtonBaseProps, "iconAriaLabel"> & {
    size?: TagSizes | undefined;
    variant?: LayerVariant | undefined;
} & import("react").RefAttributes<any>> & ObjProps;
export {};