'use client';
 
import { Icon } from 'ui-lab-components/icon';
import { Card } from 'ui-lab-components/card';
import { Grid } from 'ui-lab-components/grid';
import { Progress } from 'ui-lab-components/progress';
 
export const metadata = {
  id: 'premium-dashboard',
  name: 'Premium Dashboard',
  description: 'An enterprise dashboard starter with analytics, reporting, and operational data views.',
};
 
export function PremiumDashboardPreview() {
  return <Card className="w-full max-w-lg"><Card.Header className="flex items-center gap-2"><Icon id="chart" size={20} /><strong>Overview</strong></Card.Header><Card.Body><Grid layout="dashboard"><Progress label="Revenue goal" value={82} showValue /><Progress label="Active seats" value={68} showValue /></Grid></Card.Body></Card>;
}