"use client";

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

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

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