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

const Sorts: FC = () => {
    return (
        <div className='flex justify-between items-center text-[#999999] text-sm border-b border-border pb-5'>
            <div className='flex items-center gap-4'>
                <div className='flex gap-2 items-center'>
                    <Sort size={24} color='#333333' />
                    <div className='text-sm text-[#333333]'>مرتب سازی:</div>
                </div>

                <div className='cursor-pointer'>
                    مرتبط ترین
                </div>
                <div className='cursor-pointer'>
                    پربازدیدترین
                </div>
                <div className='text-primary'>
                    جدیدترین
                </div>
                <div className='cursor-pointer'>
                    پرفروش ترین
                </div>
                <div className='cursor-pointer'>
                    ارزانترین
                </div>
                <div className='cursor-pointer'>
                    گرانترین
                </div>
                <div className='cursor-pointer'>
                    پیشنهاد خریداران
                </div>
            </div>

            <div>
                100 کالا
            </div>
        </div>
    )
}

export default Sorts