'use client';

import { useTranslations } from 'next-intl';
import { Link } from '@/i18n/navigation';

export default function AccountSettingsPage() {
  const t = useTranslations('settings');
  const tCommon = useTranslations('common');

  return (
    <div className="space-y-6">
      <div>
        <Link
          href="/today"
          className="text-sm text-primary hover:opacity-90"
        >
          {tCommon('backToApp')}
        </Link>
        <h1 className="text-2xl font-semibold text-text-primary mt-4">{t('accountTitle')}</h1>
        <p className="text-text-secondary text-sm mt-2">{t('accountSubtitle')}</p>
      </div>

      <div className="surface-card p-6 space-y-3">
        <p className="text-sm text-text-secondary">{t('accountPlaceholder')}</p>
      </div>
    </div>
  );
}