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