import { createFileRoute } from '@tanstack/react-router'
import { useTranslation } from 'react-i18next'

export const Route = createFileRoute('/blog')({
  component: BlogPage,
})

function BlogPage() {
  const { t } = useTranslation()

  return (
    <main className="min-h-screen px-6 pt-24 pb-16">
      <div className="mx-auto max-w-4xl">
        <h1 className="text-4xl font-bold tracking-tight">
          {t('common.blog')}
        </h1>
        <p className="mt-4 text-muted-foreground">{t('blog.comingSoon')}</p>
      </div>
    </main>
  )
}