Admin Panel

1"use client"
2 
3import { useState } from "react"
4import { Label } from "@/components/ui/label"
5import {
6  Users,
7  DollarSign,
8  TrendingUp,
9  Activity,
10  Plus,
11  Search,
12  MoreHorizontal,
13  ArrowUpRight,
14  ArrowDownRight,
15  Settings,
16  Bell,
17  Shield,
18  Database,
19  Folder,
20} from "lucide-react"
21import { GlassTabs, GlassTabsContent, GlassTabsList, GlassTabsTrigger } from "@/registry/liquid-glass/glass-tabs"
22import { GlassCard, GlassCardContent, GlassCardDescription, GlassCardHeader, GlassCardTitle } from "@/registry/liquid-glass/glass-card"
23import { GlassInput } from "@/registry/liquid-glass/glass-input"
24import { GlassButton } from "@/registry/liquid-glass/glass-button"
25import { GlassAvatar, GlassAvatarFallback } from "@/registry/liquid-glass/glass-avatar"
26import { GlassBadge } from "@/registry/liquid-glass/glass-badge"
27import { GlassDialog, GlassDialogContent, GlassDialogDescription, GlassDialogFooter, GlassDialogHeader, GlassDialogTitle, GlassDialogTrigger } from "@/registry/liquid-glass/glass-dialog"
28import { GlassProgress } from "@/registry/liquid-glass/glass-progress"
29 
30 
31const stats = [
32  { title: "Total Users", value: "12,456", change: "+12.5%", trend: "up", icon: Users },
33  { title: "Revenue", value: "$54,321", change: "+8.2%", trend: "up", icon: DollarSign },
34  { title: "Growth", value: "23.1%", change: "+4.3%", trend: "up", icon: TrendingUp },
35  { title: "Active Now", value: "573", change: "-2.1%", trend: "down", icon: Activity },
36]
37 
38const users = [
39  { name: "Alice Johnson", email: "alice@example.com", role: "Admin", status: "active" },
40  { name: "Bob Smith", email: "bob@example.com", role: "User", status: "active" },
41  { name: "Carol Williams", email: "carol@example.com", role: "User", status: "pending" },
42  { name: "David Brown", email: "david@example.com", role: "Moderator", status: "active" },
43]
44 
45export default function AdminBlockPage() {
46  const [searchQuery, setSearchQuery] = useState("")
47 
48  return (
49    <div className="w-full space-y-6">
50      {/* Stats Grid */}
51      <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4">
52        {stats.map((stat) => (
53          <GlassCard key={stat.title}>
54            <GlassCardContent className="pt-6">
55              <div className="flex items-start justify-between">
56                <div>
57                  <p className="text-sm text-white/60 mb-1">{stat.title}</p>
58                  <p className="text-2xl font-bold text-white">{stat.value}</p>
59// … truncated