import React, { CSSProperties } from 'react';
export declare type BaseTagSize = 'l' | 'm' | 's' | 'xs';
export declare type BaseTagIconPosition = 'left' | 'right';
export declare type BaseTagProps = {
    /** Additional class-name */
    className?: string;
    /** Child element */
    children?: React.ReactNode;
    /** badge size */
    size?: BaseTagSize;
    /** Should the content be uppercase */
    isUppercase?: boolean;
    /** Text color */
    color?: string;
    /** Custom CSS styles */
    style?: CSSProperties | undefined;
    /**
     * Background color.
     * @default transparent
     * */
    backgroundColor?: string;
    /**
     * Border color.
     * @default transparent
     * */
    borderColor?: string;
} & ({
    /** Additional icon */
    icon: React.ReactNode;
    /** Additional icon position */
    iconPosition?: BaseTagIconPosition;
} | {
    icon?: never;
    iconPosition?: never;
});
export declare const BaseTag: React.ForwardRefExoticComponent<BaseTagProps & React.RefAttributes<HTMLSpanElement>>;