import { ArrowLeft } from 'iconsax-react'
import Link from 'next/link'
import { FC } from 'react'

type Props = {
    title: string,
    link?: string
}

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

            <Link href={props.link || '#'}>
                <div className='flex gap-1'>
                    <div className='text-sm'>مشاهده همه</div>
                    <ArrowLeft
                        size={20}
                        color='black'
                    />
                </div>
            </Link>
        </div>
    )
}

export default SectionHeader