import React, { CSSProperties } from 'react';
import { BaseTagIconPosition, BaseTagSize } from './base-tag';
export declare type StickyTagSize = BaseTagSize;
export declare type StickyTagIconPosition = BaseTagIconPosition;
export declare type StickyTagPlacement = 'top-start' | 'top-end' | 'left-end' | 'left-start';
export declare type StickyTagAlign = 'top' | 'middle';
export declare type StickyTagOffset = 16 | 24 | 32;
export declare type StickyTagProps = {
    /** Tag additional class-name */
    className?: string;
    /** Wrapper additional class-name */
    wrapperClassName?: string;
    /** The content of the attached Tag */
    content: React.ReactNode;
    /** Target element */
    children?: React.ReactNode;
    /** badge size */
    size?: StickyTagSize;
    /** Should the content be uppercase */
    isUppercase?: boolean;
    /** Tag placement */
    placement?: StickyTagPlacement;
    /** Tag align relative to the target border */
    align?: StickyTagAlign;
    /** Offset from the edge */
    offset?: StickyTagOffset;
    /** 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?: StickyTagIconPosition;
} | {
    icon?: never;
    iconPosition?: never;
});
export declare const StickyTag: React.ForwardRefExoticComponent<StickyTagProps & React.RefAttributes<HTMLSpanElement>>;