"use client";

import React from "react";
import { CustomerDetail } from "@/components/shared/components/detail/CustomerDetail";

interface CustomerPanelProps {
  data: Record<string, unknown>;
  context?: "sheet" | "panel";
}

/**
 * CustomerPanel displays a summary of customer information in a dashboard panel.
 *
 * Architectural Note: This component is a thin wrapper around the shared CustomerDetail
 * component, using the "panel" context to provide a consistent summary view.
 */
export function CustomerPanel({ data, context = "panel" }: CustomerPanelProps) {
  return (
    <CustomerDetail
      data={data}
      context={context}
      showEdit={false}
    />
  );
}