Usage Quota

import '@flexprice/ui/style.css';
import { UsageQuota, type UsageQuotaItem } from '@flexprice/ui';

const items: UsageQuotaItem[] = [
  { id: 'feat_api_calls', name: 'API Calls', currentUsage: 8200, limit: 10000, isUnlimited: false },
  { id: 'feat_storage', name: 'Storage', currentUsage: 42, limit: null, isUnlimited: true },
];

<UsageQuota items={items} />

import { adaptUsageQuotaItems } from '@flexprice/ui';

const items = adaptUsageQuotaItems(usageSummary.features);