/**
 * UsageBar Component
 *
 * Visual progress bar for usage statistics.
 * Memoized with custom comparator for UsageStat object prop.
 *
 * @since v1.10.0 - Added React.memo optimization
 * @updated v2.0.1 - Added tier-aware theme colors (Plan 15)
 */
import React from 'react';
import type { UsageStat } from '../../core/tier/usage-service.js';
import type { Tier } from '../../core/types/auth.js';
export interface UsageBarProps {
    label: string;
    stat: UsageStat;
    width?: number;
    /** User's tier for styling (v2.0.1) */
    tier?: Tier;
}
declare function UsageBarBase({ label, stat, width, tier }: UsageBarProps): React.ReactElement;
export declare const UsageBar: React.MemoExoticComponent<typeof UsageBarBase>;
export {};
//# sourceMappingURL=UsageBar.d.ts.map