Add src/components/dashboard/FinancialCard.jsx
This commit is contained in:
parent
b2a12127ca
commit
f3bbca8773
|
|
@ -0,0 +1,25 @@
|
||||||
|
import React from "react";
|
||||||
|
|
||||||
|
export default function FinancialCard() {
|
||||||
|
return (
|
||||||
|
<div className="bg-white rounded-xl border border-gray-200 p-6">
|
||||||
|
<h3 className="text-sm font-bold text-gray-800 uppercase tracking-wider mb-4">Financial Summary</h3>
|
||||||
|
<div className="grid grid-cols-3 gap-6">
|
||||||
|
<div>
|
||||||
|
<p className="text-xs text-[#1a5276] font-medium mb-1">Store Earnings</p>
|
||||||
|
<p className="text-2xl font-bold text-gray-900">$0.00</p>
|
||||||
|
<p className="text-xs text-gray-400 mt-0.5">$0.90 per item</p>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<p className="text-xs text-[#1a5276] font-medium mb-1">Consolidator Earnings</p>
|
||||||
|
<p className="text-2xl font-bold text-gray-900">$0.00</p>
|
||||||
|
<p className="text-xs text-gray-400 mt-0.5">$0.75 per consolidation</p>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<p className="text-xs text-[#e67e22] font-medium mb-1">Total Earnings</p>
|
||||||
|
<p className="text-2xl font-bold text-gray-900">$0.00</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
Loading…
Reference in New Issue