import { IconArrowLeft as ArrowLeft } from '@tabler/icons-react'
import type { ReactNode } from 'react'
import { routes } from '@/shared/config'
import { t } from '@/shared/i18n'
import { Link } from '../atoms/link'

export function BackLink({
  to = routes.login,
  children = t('common.backToLogin'),
}: {
  to?: string
  children?: ReactNode
}) {
  return (
    <div className="mt-6 flex justify-center">
      <Link to={to}>
        <ArrowLeft size={14} className="text-accent" />
        {children}
      </Link>
    </div>
  )
}