"use client";

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

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

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