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

type Props = {
    title: string
}

const SectionHeader: FC<Props> = (props) => {
    return (
        <div className='flex justify-between items-center'>
            <h2 className='xl:text-2xl font-bold'>
                {props.title}
            </h2>

            <div className='flex gap-1'>
                <div className='text-sm'>مشاهده همه</div>
                <ArrowLeft
                    size={20}
                    color='black'
                />
            </div>
        </div>
    )
}

export default SectionHeader