import { Star1 } from 'iconsax-react'
import { FC } from 'react'

const BaseInformation: FC = () => {
    return (
        <div className='flex-1'>
            <h1 className='text-lg text-[#191919]'>
                گوشی موبایل سامسونگ مدل Galaxy S24 Ultra دو سیم کارت ظرفیت 1 ترابایت و رم 12 گیگابایت - ویتنام
            </h1>

            <p className='mt-6 text-[#B2B2B2] text-sm'>
                Samsung Galaxy S24 Ultra Dual SIM 256GB And 12GB RAM Mobile Phone - Vietnam
            </p>

            <div className='mt-4 flex gap-4 items-center'>
                <h3 className='text-primary'>
                    سامسونگ
                </h3>
                <div className='size-1.5 rounded-full bg-[#E5E5E5]'></div>
                <div className='flex items-center gap-1'>
                    <Star1 size={20} color='#FFC107' variant='Bold' />
                    <span className='text-sm'>3.5</span>
                </div>
                <div className='size-1.5 rounded-full bg-[#E5E5E5]'></div>
                <div className='text-primary'>
                    8 دیدگاه
                </div>
            </div>

            <div className='mt-6 text-[#333333]'>
                رنگ : طلایی
            </div>

            <div className='mt-2 flex gap-1.5'>
                <div className='size-8 rounded-full bg-red-200'></div>
                <div className='size-8 rounded-full bg-blue-200'></div>
                <div className='size-8 rounded-full bg-yellow-200'></div>
            </div>

            <div className='mt-7 text-lg text-[#333333]'>
                ویژگی های کلیدی
            </div>

            <div className='mt-10 flex flex-col gap-8'>
                <div className='flex gap-3 items-center text-sm'>
                    <div className='size-2 rounded-full bg-[#7F7F7F]'></div>
                    <div className='text-[#7F7F7F]'>فناوری صفحه‌ نمایش :</div>
                    <div>Dynamic LTPO AMOLED 2X</div>
                </div>
                <div className='flex gap-3 items-center text-sm'>
                    <div className='size-2 rounded-full bg-[#7F7F7F]'></div>
                    <div className='text-[#7F7F7F]'>رزولوشن عکس :</div>
                    <div>200 مگاپیکسل</div>
                </div>
                <div className='flex gap-3 items-center text-sm'>
                    <div className='size-2 rounded-full bg-[#7F7F7F]'></div>
                    <div className='text-[#7F7F7F]'>نسخه سیستم عامل :</div>
                    <div>Android 14</div>
                </div>
            </div>
        </div>
    )
}

export default BaseInformation