import React from 'react';
import {
    DropdownMenu,
    DropdownMenuContent,
    DropdownMenuGroup,
    DropdownMenuItem,
    DropdownMenuLabel,
    DropdownMenuShortcut,
    DropdownMenuTrigger,
} from '../ui/dropdown-menu';

import { List, ListOrdered } from 'lucide-react';
import { Button } from '../ui/button';

interface TableActionsProps {
    subId: number;
    onViewRincian: (id: number) => void;
    onViewPO: (id: number) => void;
    onUbahAnggaran?: () => void;
}

const TableActions: React.FC<TableActionsProps> = ({
    subId,
    onViewRincian,
    onViewPO,
    onUbahAnggaran,
}) => {
    return (
        <DropdownMenu>
            <DropdownMenuTrigger asChild>
                <Button size="sm" variant="ghost" className="bg-sky-100 p-1">
                    <List className="h-4 w-4 text-sky-600" />
                </Button>
            </DropdownMenuTrigger>
            <DropdownMenuContent className="w-56" align="end" side="right">
                <DropdownMenuLabel>SIP BKPSDM</DropdownMenuLabel>
                <DropdownMenuGroup>
                    <DropdownMenuItem
                        className="justify-end"
                        onClick={() => onViewRincian(subId)}
                    >
                        <ListOrdered className="mr-2 h-4 w-4" />
                        Lihat Rincian
                        <DropdownMenuShortcut>🤣</DropdownMenuShortcut>
                    </DropdownMenuItem>

                    <DropdownMenuItem
                        className="justify-end"
                        onClick={() => onViewPO(subId)}
                    >
                        <ListOrdered className="mr-2 h-4 w-4" />
                        Lihat Triwulan
                        <DropdownMenuShortcut>😎</DropdownMenuShortcut>
                    </DropdownMenuItem>
                    {onUbahAnggaran && (
                        <DropdownMenuItem
                            className="justify-end"
                            onClick={onUbahAnggaran}
                        >
                            <ListOrdered className="mr-2 h-4 w-4" />
                            Ubah Anggaran
                            <DropdownMenuShortcut>😎</DropdownMenuShortcut>
                        </DropdownMenuItem>
                    )}
                </DropdownMenuGroup>
            </DropdownMenuContent>
        </DropdownMenu>
    );
};

export default TableActions;