import { CreditCard, FileText, LogOut, Settings, User } from "lucide-react"import Gemini from "@/components/kokonutui/gemini"import {  DropdownMenu,  DropdownMenuContent,  DropdownMenuItem,  DropdownMenuSeparator,  DropdownMenuTrigger,} from "@/components/ui/dropdown-menu"export default function ProfileDropdownDemo() {  return (    <DropdownMenu defaultOpen>      <DropdownMenuTrigger className="flex items-center gap-8 rounded-2xl border bg-background p-3 text-left">        <span>          <span className="block text-sm font-medium">Maya Chen</span>          <span className="block text-xs text-muted-foreground">maya@example.com</span>        </span>        <span className="flex size-10 items-center justify-center rounded-full bg-gradient-to-br from-purple-500 via-pink-500 to-orange-400 p-0.5">          <span className="flex size-full items-center justify-center rounded-full bg-background text-sm font-medium">MC</span>        </span>      </DropdownMenuTrigger>      <DropdownMenuContent align="end" className="w-64 rounded-2xl p-2">        <DropdownMenuItem><User className="size-4" />Profile</DropdownMenuItem>        <DropdownMenuItem><Gemini className="size-4" />Model <span className="ml-auto text-xs text-muted-foreground">Gemini 2.0 Flash</span></DropdownMenuItem>        <DropdownMenuItem><CreditCard className="size-4" />Subscription <span className="ml-auto text-xs text-muted-foreground">PRO</span></DropdownMenuItem>        <DropdownMenuItem><Settings className="size-4" />Settings</DropdownMenuItem>        <DropdownMenuItem><FileText className="size-4" />Terms &amp; Policies</DropdownMenuItem>        <DropdownMenuSeparator />        <DropdownMenuItem className="text-red-500"><LogOut className="size-4" />Sign Out</DropdownMenuItem>      </DropdownMenuContent>    </DropdownMenu>  )}