frontend/src/features/viewer/ClientPanel.tsx

import type { ClientData } from "../../types";

interface ClientPanelProps {
  cliente: ClientData;
  onNotify: () => void;
}

export default function ClientPanel({ cliente, onNotify }: ClientPanelProps) {
  return (
    <section className="viewer-panel">
      <h2>Panel de Control</h2>
      <p className="client-detail">ID del cliente: {cliente.client_id}</p>
      <button className="button" onClick={onNotify}>
        Notificar al sitio padre
      </button>
    </section>
  );
}