convert number

src/shared/components/BuySpace.tsx

@@ -2,6 +2,8 @@ import DefaulModal from '@/components/DefaulModal'
 import { useSharedStore } from '@/shared/store/sharedStore'
 import { useTranslation } from 'react-i18next'
 import { FC } from 'react'
+import { clx } from '@/helpers/utils'
+import Input from '@/components/Input'
 
 const BuySpace: FC = () => {
 
@@ -16,8 +18,30 @@ const BuySpace: FC = () => {
             isHeader={true}
             title_header={t('space.title')}
         >
-            <div className='mt-5'>
+            <div>
+                <div className='mt-8 text-sm'>
+                    {t('space.select_space')}
+                </div>
+                <div className='mt-4 flex gap-4 flex-wrap'>
+                    <div className={clx(
+                        'bg-[#EBEDF5] border border-[#EBEDF5] cursor-pointer flex items-center text-xs h-10 px-6 rounded-lg',
+                        // amountSelected === amount && 'border-black'
+                    )}>
+                        {'1000000'.toLocaleString()} تومان
+                    </div>
+                </div>
 
+                <div className='mt-8'>
+                    <Input
+                        label={t('space.enter_space')}
+                        className='bg-white/50'
+                    />
+                </div>
+
+                <div className='mt-6 flex gap-1'>
+                    <div className='text-xs'>{t('space.price')}</div>
+                    <div className='font-bold text-xs'>{'1000000'.toLocaleString()} تومان</div>
+                </div>
             </div>
         </DefaulModal >
     )