import { FC } from 'react';
import {
    Dialog,
    DialogContent,
    DialogHeader,
    DialogTitle,
    DialogFooter,
} from '@/components/ui/dialog';
import { Button } from '@/components/ui/button';

interface DeleteUserProps {
    open: boolean;
    setOpen: (open: boolean) => void;
    userId: number;
    userName: string;
}

const DeleteUser: FC<DeleteUserProps> = ({ open, setOpen, userId, userName }) => {
    // Aquí va la lógica para eliminar usuario
    return (
        <Dialog open={open} onOpenChange={setOpen}>
            <DialogContent>
                <DialogHeader>
                    <DialogTitle>Eliminar usuario</DialogTitle>
                </DialogHeader>
                <div className="mb-4">
                    ¿Estás seguro que deseas eliminar al usuario "{userName}"?
                </div>
                <DialogFooter>
                    <Button variant="outline" onClick={() => setOpen(false)}>Cancelar</Button>
                    <Button variant="destructive">Eliminar</Button>
                </DialogFooter>
            </DialogContent>
        </Dialog>
    );
};

export default DeleteUser;