import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, } from "@/components/ui/card" import { Progress } from "@/components/ui/progress" export default function Component() { return ( <Card> <CardHeader className="pb-2"> <CardDescription>This Month</CardDescription> <CardTitle className="text-4xl">$5,329</CardTitle> </CardHeader> <CardContent> <div className="text-xs text-muted-foreground"> +10% from last month </div> </CardContent> <CardFooter> <Progress value={12} aria-label="12% increase" /> </CardFooter> </Card> ) } | A shadcn/ui and v0 generation - v0