import React from 'react';
import type { JSX } from 'react';
type DefaultStatusColor = 'success' | 'processing' | 'error' | 'warning' | 'default';
type ActionStatusColor = 'approved' | 'declined' | 'pending';
type SubjectStatusColor = 'active' | 'draft' | 'deprecated' | 'product';
type HttpColor = 'get' | 'post' | 'put' | 'delete' | 'option' | 'patch' | 'head' | 'hook' | 'link';
type ActionColor = 'receive' | 'send';
type ChannelColor = 'channel';
type HttpStatusColor = 'http-deprecated' | 'http-additional-operation';
type StatusColor = DefaultStatusColor | ActionStatusColor | SubjectStatusColor | HttpColor | ActionColor | ChannelColor | HttpStatusColor;
type Color = 'red' | 'green' | 'blue' | 'grey' | 'turquoise' | 'magenta' | 'purple' | 'carrot' | 'raspberry' | 'orange' | 'grass' | 'persian-green' | 'sky' | 'blueberry';
export type TagProps = {
    className?: string;
    children?: React.ReactNode;
    closable?: boolean;
    color?: StatusColor | Color | string;
    borderless?: boolean;
    withStatusDot?: boolean;
    statusDotColor?: string;
    size?: string;
    icon?: React.ReactNode;
    active?: boolean;
    tabIndex?: number;
    style?: React.CSSProperties;
    onClick?: (event: React.MouseEvent) => void;
    onKeyDown?: (event: React.KeyboardEvent) => void;
    onClose?: (event: React.MouseEvent) => void;
    maxLength?: number;
    textTransform?: 'uppercase' | 'lowercase' | 'capitalize' | 'none';
    variant?: 'outline' | 'filled';
    selectable?: boolean;
};
export declare function Tag({ children, color, icon, active, closable, tabIndex, onClick, onKeyDown, onClose, size, borderless, withStatusDot, statusDotColor, maxLength, textTransform, variant, selectable, ...otherProps }: TagProps): JSX.Element;
export declare const ContentWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
export {};