import { LitElement } from 'lit';
/**
 * Badge component for status indicators and counters
 *
 * @slot - Default slot for badge content
 *
 * @csspart badge - The badge element
 */
export declare class UIBadge extends LitElement {
    static styles: import("lit").CSSResult;
    variant: 'primary' | 'success' | 'warning' | 'danger' | 'neutral';
    dot: boolean;
    render(): import("lit-html").TemplateResult<1>;
}
export type SkeletonPreset = 'text' | 'avatar' | 'card' | 'image' | 'list';
/**
 * Display component with skeleton loading presets
 *
 * @element ui-display
 *
 * @prop {boolean} loading - Whether the component is in loading state
 * @prop {SkeletonPreset} skeletonPreset - Preset skeleton layout to show when loading
 *
 * @slot - Default slot for content shown when not loading
 *
 * @csspart container - The display container
 * @csspart skeleton - The skeleton wrapper
 */
export declare class UIDisplay extends LitElement {
    static styles: import("lit").CSSResult;
    /**
     * Whether the display component is in loading state
     */
    loading: boolean;
    /**
     * Skeleton preset layout to render when loading is true
     */
    skeletonPreset?: SkeletonPreset;
    private _renderTextSkeleton;
    private _renderAvatarSkeleton;
    private _renderCardSkeleton;
    private _renderImageSkeleton;
    private _renderListSkeleton;
    private _renderSkeleton;
    render(): import("lit-html").TemplateResult<1>;
}
declare global {
    interface HTMLElementTagNameMap {
        'ui-display': UIDisplay;
    }
}
//# sourceMappingURL=display.d.ts.map