/**
 * MUI Badge Component
 *
 * Displays a small badge for status indicators, counts, or labels.
 *
 * @example
 * ```html
 * <mui-badge>New</mui-badge>
 * <mui-badge variant="solid" color="success">Published</mui-badge>
 * <mui-badge dot color="success"></mui-badge>
 * <mui-badge icon="check" color="success">Done</mui-badge>
 * ```
 */
import { MiuraElement } from '@miurajs/miura-element';
export declare class MuiBadge extends MiuraElement {
    /**
     * Badge variant
     */
    variant: 'solid' | 'soft' | 'outline' | 'dot';
    /**
     * Badge color
     */
    color: 'default' | 'primary' | 'success' | 'warning' | 'error' | 'info';
    /**
     * Badge size
     */
    size: 'sm' | 'md' | 'lg';
    /**
     * Icon to display before label (Lucide icon name)
     */
    icon: string;
    /**
     * Display as dot only (no content)
     */
    dot: boolean;
    /**
     * Numeric count (auto-formats large numbers)
     */
    count: number | null;
    /**
     * Maximum count before showing "99+"
     */
    max: number;
    /**
     * Pill shape (fully rounded)
     */
    pill: boolean;
    static styles: import("@miurajs/miura-render").CSSResult;
    private _formatCount;
    template(): import("@miurajs/miura-render").TemplateResult;
}
export default MuiBadge;
//# sourceMappingURL=badge.d.ts.map