Anons79 Mini Shell

import { Card } from "@/Components/ui/card"
import { LineChart } from "lucide-react"
import { cn } from "@/lib/utils"

interface StatsCardProps {
  title: string
  value: string
  className?: string
}

export function StatsCard({ title, value, className }: StatsCardProps) {
  return (
    <Card className={cn("relative overflow-hidden p-6", className)}>
      <div className="flex items-center justify-between">
        <div>
          <p className="text-sm font-medium opacity-80">{title}</p>
          <p className="text-3xl font-bold">{value}</p>
        </div>
        <LineChart className="h-12 w-12 opacity-20" />
      </div>
      {/* <div className="absolute bottom-0 right-0 opacity-10">
        <LineChart className="h-32 w-32 -rotate-12 translate-x-8 translate-y-8" />
      </div> */}
    </Card>
  )
}