interface DataTableProps {
  data: Array<{ label: string; value: string | number }>;
  className?: string;
}

export default function DataTable({ data, className = "" }: DataTableProps) {
  return (
    <div className={`overflow-hidden border border-gray-200 rounded-xl bg-white ${className}`}>
      <table className="w-full text-sm table-fixed">
        <tbody>
          {data.map((row, index) => (
            <tr key={index} className="border-b last:border-b-0">
              <td className="bg-gray-50 px-4 py-3 font-medium text-gray-700 w-1/3">
                {row.label}
              </td>
              <td className="px-4 py-3 text-gray-900">{row.value || '-'}</td>
            </tr>
          ))}
        </tbody>
      </table>
    </div>
  );
}