Dashboard

1"use client";
2 
3import { PulseIcon as Activity, CreditCard, CurrencyDollarSimpleIcon, Users } from "@phosphor-icons/react";
4import { Bar, BarChart, CartesianGrid, XAxis, YAxis } from "recharts";
5import { Badge } from "@/components/ui/badge";
6import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
7import { ChartContainer, ChartTooltip, ChartTooltipContent } from "@/components/ui/chart";
8import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table";
9 
10export function DashboardBlock() {
11  return (
12    <div className="space-y-6 p-6">
13      {/* Stats Grid */}
14      <div className="grid grid-cols-1 md:grid-cols-4 gap-4">
15        <Card className="text-foreground">
16          <CardHeader className="flex flex-row items-center justify-between pb-2">
17            <CardTitle className="text-sm font-medium text-foreground">Total Revenue</CardTitle>
18            <CurrencyDollarSimpleIcon className="h-4 w-4 text-muted-foreground" />
19          </CardHeader>
20          <CardContent>
21            <div className="text-2xl font-bold text-foreground">$45,231.89</div>
22            <p className="text-xs text-muted-foreground mt-1">
23              <span className="text-green-400">+20.1%</span> from last month
24            </p>
25          </CardContent>
26        </Card>
27        <Card className="text-foreground">
28          <CardHeader className="flex flex-row items-center justify-between pb-2">
29            <CardTitle className="text-sm font-medium text-foreground">Subscriptions</CardTitle>
30            <Users className="h-4 w-4 text-muted-foreground" />
31          </CardHeader>
32          <CardContent>
33            <div className="text-2xl font-bold text-foreground">+2350</div>
34            <p className="text-xs text-muted-foreground mt-1">
35              <span className="text-green-400">+180.1%</span> from last month
36            </p>
37          </CardContent>
38        </Card>
39        <Card className="text-foreground">
40          <CardHeader className="flex flex-row items-center justify-between pb-2">
41            <CardTitle className="text-sm font-medium text-foreground">Sales</CardTitle>
42            <CreditCard className="h-4 w-4 text-muted-foreground" />
43          </CardHeader>
44          <CardContent>
45            <div className="text-2xl font-bold text-foreground">+12,234</div>
46            <p className="text-xs text-muted-foreground mt-1">
47              <span className="text-green-400">+19%</span> from last month
48// … truncated