Upload components/SettlementDetails.js with huggingface_hub

components/SettlementDetails.js

@@ -0,0 +1,25 @@
+export default function SettlementDetails() {
+  return (
+    <div className="bg-white rounded-lg shadow p-6">
+      <h2 className="text-xl font-semibold mb-4">Settlement Details</h2>
+      <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
+        <div>
+          <h3 className="font-medium text-gray-700 mb-2">Principal</h3>
+          <p className="text-gray-900">Andrew Nicholas Bolton</p>
+        </div>
+        <div>
+          <h3 className="font-medium text-gray-700 mb-2">Settlement Amount</h3>
+          <p className="text-gray-900">$450,000.00</p>
+        </div>
+        <div>
+          <h3 className="font-medium text-gray-700 mb-2">UETR Tracking</h3>
+          <p className="text-gray-900">0e3efb2a-1010-474c-a503-616efb9d4a0e</p>
+        </div>
+        <div>
+          <h3 className="font-medium text-gray-700 mb-2">Institutional Node</h3>
+          <p className="text-gray-900">FIN-MIP-RTGS-01</p>
+        </div>
+      </div>
+    </div>
+  )
+}