import { Dialog, DialogContent, DialogTitle, DialogDescription, DialogTrigger } from "@radix-ui/react-dialog";
import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuItem, Label, DropdownMenuGroup } from "@radix-ui/react-dropdown-menu";
import { Button } from "./ui/button";
import { DialogHeader, DialogFooter } from "./ui/dialog";
import { Input } from "./ui/input";
import { useState } from "react";
import { MoreHorizontal, Pencil, Settings } from "lucide-react";

export function DataTableActions({
 
}
) {
  return (
    <>

      <DropdownMenu>
      <Dialog>
        <DropdownMenuTrigger asChild>
    
          <Button variant="ghost" className="h-8 w-8 p-0">
            <span className="sr-only">Open menu {}</span>
            <MoreHorizontal className="h-4 w-4" />
          </Button>
        </DropdownMenuTrigger>
      
      <DropdownMenuContent className="w-56">
      <DropdownMenuLabel className="font-semibold">Profile</DropdownMenuLabel>
      <DropdownMenuSeparator />
      <DropdownMenuGroup>
        <DialogTrigger asChild>
        <DropdownMenuItem>
          <Pencil className="mr-2 h-4 w-4" />
          Edit Profile
        </DropdownMenuItem>
        </DialogTrigger>
        <DropdownMenuItem>
          <Settings className="mr-2 h-4 w-4" />
          <span>Settings</span>
        </DropdownMenuItem>
      </DropdownMenuGroup>
      <DropdownMenuSeparator />
      <DropdownMenuItem>
      </DropdownMenuItem>
    </DropdownMenuContent>
  
  {/* Edit Dialog */}
  
 
  <DialogContent className="sm:max-w-[425px]">
    <DialogHeader>
      <DialogTitle>Edit profile</DialogTitle>
      <DialogDescription>
        Make changes to your profile here. Click save when you're done.
      </DialogDescription>
    </DialogHeader>
   
    <DialogFooter>
    <div className="grid gap-4 py-4">
      <div className="grid grid-cols-4 items-center gap-4">
        <Label className="text-right">
          Name
        </Label>
        <Input
          id="name"
          defaultValue="Pedro Duarte"
          className="col-span-3"
        />
      </div>
      <div className="grid grid-cols-4 items-center gap-4">
        <Label  className="text-right">
          Username
        </Label>
        <Input
          id="username"
          defaultValue="@peduarte"
          className="col-span-3"
        />
      </div>
    </div>
      <Button type="submit">Save changes</Button>
    </DialogFooter>
  </DialogContent>
  </Dialog>
  </DropdownMenu>


  </>
  )
}