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'>
            <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

