import { ArrowLeft } from 'iconsax-react'
import { FC } from 'react'
import { useTranslation } from 'react-i18next'
import { Link } from 'react-router-dom'

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

const TitleSeeAll: FC<Props> = (props: Props) => {

    const { t } = useTranslation('global')

    return (
        <div className='flex justify-between'>
            <div>
                {props.title}
            </div>
            <Link to={props.link} className='flex items-center gap-2'>
                <div className='text-sm'>
                    {t('home.see_all')}
                </div>
                <ArrowLeft
                    size={16}
                    color='black'
                />
            </Link>
        </div>
    )
}

export default TitleSeeAll