'use client'

import { useMessage } from '@/hooks/useMessage'

export default function CompletePage() {
  const { getMessage } = useMessage()

  return (
    <>
      <div className="flex min-h-full flex-1 flex-col justify-center px-6 py-12 lg:px-8">
        <h1 className="text-center text-4xl font-bold mb-10">{getMessage('join.complete.title')}</h1>
        <div className="mt-10 mb-10 w-full text-center text-2xl">{getMessage('join.complete.contents')}</div>
        <div className="mt-10 w-full text-center">
          {getMessage('join.complete.email_comment')} :&nbsp;{getMessage('join.complete.email')}
        </div>
      </div>
    </>
  )
}