import React, { CSSProperties } from 'react';
import { BaseTagSize, BaseTagIconPosition } from './parts/base-tag';
export declare type TagSize = BaseTagSize;
export declare type TagIconPosition = BaseTagIconPosition;
export declare type TagProps = {
    /** Additional class-name */
    className?: string;
    /** Child element */
    children?: React.ReactNode;
    /** badge size */
    size?: TagSize;
    /** Should the content be uppercase */
    isUppercase?: boolean;
    /** Text color. See [Presets](/components/tag/presets) page. */
    color?: string;
    /**
     * Background color. See [Presets](/components/tag/presets) page.
     * @default transparent
     * */
    backgroundColor?: string;
    /**
     * Border color. See [Presets](/components/tag/presets) page.
     * @default transparent
     * */
    borderColor?: string;
    /** Custom CSS styles */
    style?: CSSProperties | undefined;
} & ({
    /** Additional icon */
    icon: React.ReactNode;
    /** Additional icon position */
    iconPosition?: TagIconPosition;
} | {
    icon?: never;
    iconPosition?: never;
});
export declare const Tag: React.ForwardRefExoticComponent<TagProps & React.RefAttributes<HTMLSpanElement>>;