detail customer

2025-11-05 14:05:24 +03:30
parent 7f96669bc7
commit 2b1b2daacf
9 changed files with 576 additions and 2 deletions
@@ -0,0 +1,41 @@
+import { EmptyWallet, Star1 } from 'iconsax-react'
+import { type FC } from 'react'
+
+interface CustomerStatsProps {
+    points?: number | string
+    walletBalance?: string
+}
+
+const CustomerStats: FC<CustomerStatsProps> = ({
+    points = '124',
+    walletBalance = '۲۴۰.۰۰۰ تومان'
+}) => {
+    return (
+        <div className='bg-white rounded-4xl p-8'>
+            <div className='flex gap-4 items-center'>
+                <div className='flex gap-1.5'>
+                    <Star1 size={16} color='black' />
+                    <div className='text-xs'>امتیاز</div>
+                </div>
+
+                <div className='flex-1 border-b border-dashed border-border'></div>
+
+                <div className='text-xs'>{points} امتیاز</div>
+            </div>
+
+            <div className='flex gap-4 mt-5 items-center'>
+                <div className='flex gap-1.5'>
+                    <EmptyWallet size={16} color='black' />
+                    <div className='text-xs'>موجودی کیف پول</div>
+                </div>
+
+                <div className='flex-1 border-b border-dashed border-border'></div>
+
+                <div className='text-xs'>{walletBalance}</div>
+            </div>
+        </div>
+    )
+}
+
+export default CustomerStats
+