"use client";
import {
  DropdownMenu,
  DropdownMenuContent,
  DropdownMenuGroup,
  DropdownMenuItem,
  DropdownMenuSeparator,
  DropdownMenuTrigger,
} from "@/components/ui/dropdown-menu";
import { AlertBanUnbanUser } from "./AlertBanUser";
import { AlertUnBanUnbanUser } from "./AlertUnbanUser";
import UpdateUserSidebar from "./UpdateUserSidebar";
import { User } from "@/server/user/domain/models";
import { AlertDeleteUser } from "./AlertDeleteUser";
import { EllipsisVertical } from "lucide-react";

interface UserOptiosnDropdownProps {
  user: User;
}

export function UserOptiosnDropdown({ user }: UserOptiosnDropdownProps) {
  return (
    <DropdownMenu>
      <DropdownMenuTrigger asChild>
        <button type="button"><EllipsisVertical size={20}/></button>
      </DropdownMenuTrigger>
      <DropdownMenuContent className="w-56">
        <DropdownMenuSeparator />
        <DropdownMenuGroup>
          {user?.isActive ? (
            <AlertBanUnbanUser userId={user?.id} />
          ) : (
            <AlertUnBanUnbanUser userId={user?.id} />
          )}
       
          <AlertDeleteUser userId={user?.id}/>
        </DropdownMenuGroup>
      </DropdownMenuContent>
    </DropdownMenu>
  );
}