'use client'

import { useLanguage } from '@/lib/i18n'

export function ProfilePageHeader() {
  const { t } = useLanguage()

  return (
    <h1 className="text-3xl font-bold mb-8">{t('nav.accountSettings')}</h1>
  )
}

export function AISettingsCard() {
  const { t } = useLanguage()

  return (
    <>
      <div className="flex items-center gap-2">
        <span className="text-2xl">✨</span>
        {t('nav.aiSettings')}
      </div>
      <p className="text-sm text-muted-foreground">
        {t('nav.configureAI')}
      </p>
      <span>{t('nav.manageAISettings')}</span>
    </>
  )
}