import { ErrorSVG } from '@/assets/svg'
import { Button } from '@/components/ui/buttons/Button'
import { H2, H6, } from '@/components/ui/typography'
import { useTranslations } from 'next-intl'
import React from 'react'

interface IMaintenanceSection {
    title?:string
    link?:string
    description?:string
}
const MaintenanceSection = ({title="Page Under Maintenance",link="/",description="This page is currently undergoing scheduled maintenance Thank you for your patience Please check back later"}:IMaintenanceSection) => {
  const t = useTranslations()
    return (
    <section className='flex flex-col gap-2 justify-center items-center w-full bg-background py-20'>
        <H2 className='text-primary'>{t(title)}</H2>
        <H6 className='text-muted-foreground !font-medium'>{t(description)}</H6>
        <ErrorSVG/>
        <Button link={link}>{t("Go back")}</Button>
    </section>
  )
}

export default MaintenanceSection