add: lol

WebmasterCamp · Jul 16, 2023 · 9708976 · 9708976
1 parent 1bb7a0d
commit 9708976
Showing 1 changed file with 30 additions and 0 deletions.
diff --git a/src/pages/expenses/3/index.tsx b/src/pages/expenses/3/index.tsx
@@ -4,6 +4,7 @@ import { Steps } from '~/components/Step/Steps'
 import { expensesSteps } from '../1'
 import CostTimeline from '~/components/pages/CostTimeline'
 import { Expense } from '~/Expense'
+import { Divider } from '~/components/Divider'
 
 
 
@@ -32,6 +33,35 @@ const ExpensesPage = () => {
 						<Expense title="อนุบาล" subtitle='ค่าเทอม' price={10000} tailwindColor='bg-cyan-500' />
 						<Expense title="ประถม" subtitle='ค่าเทอม' price={10000} tailwindColor='bg-cyan-400' />
 					</div>
+					<div className="mt-4 flex flex-col gap-y-4">
+						<div className="flex gap-y-4">
+							<h1 className="text-xl font-bold">
+								ยอดรวมค่าใช้จ่ายทั้งหมด
+							</h1>
+							<h5 className="text-xl ml-auto font-bold">
+								40000 บาท
+							</h5>
+						</div>
+						<div className="w-full">
+							<Divider />
+						</div>
+						<div className="flex">
+							<h1 className="text-xl font-bold">
+								ระยะเวลาที่ใช้ในการเก็บ
+							</h1>
+							<h5 className="text-xl ml-auto font-bold">
+								XXX บาท
+							</h5>
+						</div>
+						<div className="flex">
+							<h1 className="text-xl font-bold">
+								ตกเดือนละ
+							</h1>
+							<h5 className="text-xl ml-auto font-bold">
+								XXX บาท
+							</h5>
+						</div>
+					</div>
 
 				</div>