import { GlassCard } from "@/components/glass-card";

export default function Page() {
  return (
    <GlassCard header="Card Title" footer={<span>Footer content</span>}>
      <p>Card body content goes here.</p>
    </GlassCard>
  );
}

import { GlassCard } from "@/components/glass-card";
import { Button } from "@/components/ui/button";

export default function FeatureCard() {
  return (
    <GlassCard
      header={
        <div className="flex items-center justify-between">
          <span>Analytics</span>
          <span className="text-xs text-primary">Live</span>
        </div>
      }
      footer={
        <div className="flex justify-end">
          <Button size="sm">View Details</Button>
        </div>
      }
      className="max-w-sm"
    >
      <div className="space-y-2">
        <p className="text-2xl font-bold text-foreground">12,847</p>
        <p className="text-sm">Active users this month</p>
      </div>
    </GlassCard>
  );
}