import {
  Button,
  Dialog,
  DialogActions,
  DialogContent,
  DialogTitle,
} from "@mui/material";
import { ClienteDireccionesPanel } from "./ClienteDireccionesPanel";

export function ClienteDireccionesModal({ open, onClose, cliente }) {
  if (!open) return null;

  return (
    <Dialog open={open} onClose={onClose} maxWidth="sm" fullWidth>
      <DialogTitle>
        Direcciones de {cliente?.personas?.razon_social || cliente?.nombre || "cliente"}
      </DialogTitle>
      <DialogContent dividers sx={{ p: 2 }}>
        <ClienteDireccionesPanel cliente={cliente} />
      </DialogContent>
      <DialogActions>
        <Button onClick={onClose}>Cerrar</Button>
      </DialogActions>
    </Dialog>
  );
}