import { LuxenElement } from '../../shared/luxen-element.js';
export type BadgeVariant = 'info' | 'success' | 'warning' | 'danger' | 'neutral';
export type BadgeSize = 'sm' | 'md' | 'lg';
export type BadgeAppearance = 'outlined' | 'filled' | 'filled-outlined' | 'accent';
/**
 * @summary A badge component for displaying small status indicators.
 * @customElement l-badge
 */
export declare class Badge extends LuxenElement {
    createRenderRoot(): this;
    /** Style variant: `info`, `success`, `warning`, `danger`, or `neutral` (default) */
    variant?: BadgeVariant;
    /** Display as pill shape */
    pill: boolean;
    /** Badge size: `sm`, `lg`. Default is md. */
    size?: BadgeSize;
    /** Visual appearance: `filled`, `filled-outlined`, `accent`. Default is outlined. */
    appearance?: BadgeAppearance;
}
//# sourceMappingURL=badge.d.ts.map