import { Breakpoint } from '../../utils/breakpoints';
/**
 * Badges are used to inform users of the status of an object or of an action
 * that’s been taken.
 */
export declare class CatBadge {
    private mediaMatcher?;
    private mediaQueryList?;
    private mediaQueryListener?;
    hostElement: HTMLElement;
    _iconOnly: boolean;
    /**
     * The rendering style of the badge.
     */
    variant: 'filled' | 'outlined';
    /**
     * The color palette of the badge.
     */
    color: 'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'danger';
    /**
     * The size of the badge.
     */
    size: 'xs' | 's' | 'm' | 'l' | 'xl';
    /**
     * Use round badge edges.
     */
    round: boolean;
    /**
     * Draw attention to the badge with a subtle animation.
     */
    pulse: boolean;
    /**
     * The name of an icon to be displayed in the button.
     */
    icon?: string;
    /**
     * Hide the actual button content and only display the icon.
     */
    iconOnly: boolean | Breakpoint;
    /**
     * Display the icon on the right.
     */
    iconRight: boolean;
    onIconOnlyChanged(value: boolean | Breakpoint): void;
    componentWillLoad(): void;
    private get isIconBadge();
    private get hasPrefixIcon();
    private get hasSuffixIcon();
    private get iconSize();
    render(): any;
}