import { FC } from 'react'

const Categories: FC = () => {
    return (
        <div className='max-w-[292px] w-full'>
            <div className='h-20 bg-primary rounded-[10px] flex items-center px-4 text-white text-lg'>
                دسته بندی مطالب
            </div>

            <div className='flex flex-col gap-3 mt-4'>
                <div className='h-14 bg-[#F8F8F8] rounded-[10px] px-4 flex items-center justify-between'>
                    <div className='font-medium text-[#8C8C8C]'>موبایل</div>
                    <div className='size-3 rounded-full bg-[#D9D9D9]'></div>
                </div>
                <div className='h-14 bg-[#F8F8F8] rounded-[10px] px-4 flex items-center justify-between'>
                    <div className='font-medium text-[#8C8C8C]'>موبایل</div>
                    <div className='size-3 rounded-full bg-[#D9D9D9]'></div>
                </div>
                <div className='h-14 bg-[#F8F8F8] rounded-[10px] px-4 flex items-center justify-between'>
                    <div className='font-medium text-[#8C8C8C]'>موبایل</div>
                    <div className='size-3 rounded-full bg-[#D9D9D9]'></div>
                </div>
            </div>
        </div>
    )
}

export default Categories