From 3bbb44983448331449ebadf3347e9c26ff6479b9 Mon Sep 17 00:00:00 2001
From: Debojeet Mitra <142051979+debojeetmitra@users.noreply.github.com>
Date: Mon, 11 May 2026 11:49:29 +0530
Subject: [PATCH] Add shipment rate card component

---
 frontend/sandbox/components/RateCard.tsx | 36 ++++++++++++++++++++++++
 1 file changed, 36 insertions(+)
 create mode 100644 frontend/sandbox/components/RateCard.tsx

diff --git a/frontend/sandbox/components/RateCard.tsx b/frontend/sandbox/components/RateCard.tsx
new file mode 100644
index 00000000..5888b71b
--- /dev/null
+++ b/frontend/sandbox/components/RateCard.tsx
@@ -0,0 +1,36 @@
+import { Card } from "@/components/ui/card";
+import { Button } from "@/components/ui/button";
+
+type RateStructure = {
+  baseRatePerKg: number;
+  minimumCharge: number;
+  fuelSurcharge: number;
+  handlingFee: number;
+  validFrom: string;
+  validTo: string;
+};
+
+type Props = {
+  rates: RateStructure;
+};
+
+export default function RateCard({ rates }: Props) {
+  return (
+    <Card className="p-6 space-y-4">
+      <h2 className="text-2xl font-bold">
+        Shipment Rate Card
+      </h2>
+
+      <div className="space-y-2">
+        <p>Base Rate/kg: ₹{rates.baseRatePerKg}</p>
+        <p>Minimum Charge: ₹{rates.minimumCharge}</p>
+        <p>Fuel Surcharge: {rates.fuelSurcharge}%</p>
+        <p>Handling Fee: ₹{rates.handlingFee}</p>
+      </div>
+
+      <Button>
+        Request Custom Quote
+      </Button>
+    </Card>
+  );
+}