'use client'

import { CardWrapper } from '@/components/auth/card-wrapper'
import { AUTH_LOGIN_URL } from '@/config/routes'
import { useI18n } from '@/locales/client'
import { TriangleAlert } from 'lucide-react'

const ErrorCard = () => {
  const t = useI18n()
  return (
    <CardWrapper
      headerLabel={t('auth.form.error.header_label')}
      headerTitle={t('auth.title')}
      backButtonLabel={t('auth.form.error.back_button_label')}
      backButtonHref={AUTH_LOGIN_URL}
    >
      <div className="w-full flex items-center justify-center text-destructive">
        <TriangleAlert className="w-4 h-4 mr-1.5"/>
        <p>Hush little baby... this is prohibited zone!</p>
      </div>
    </CardWrapper>
  )
}

export default ErrorCard
