---
import AppLayout from '../layouts/App.astro';
import DashboardApp from './DashboardApp';
import { t, type Locale } from '../i18n/utils';

interface Props {
  locale: Locale;
}

const { locale } = Astro.props;
const translations = {
  dashboard: t(locale, 'dashboard'),
  store: t(locale, 'store'),
  pricing: t(locale, 'pricing'),
  history: t(locale, 'history'),
  notifications: t(locale, 'notifications'),
  profile: t(locale, 'profile'),
  settings: t(locale, 'settings'),
  divination: t(locale, 'divination'),
  general: t(locale, 'general'),
  feedback: t(locale, 'feedback'),
  result: t(locale, 'result'),
};
---

<AppLayout locale={locale}>
  <DashboardApp client:only="react" locale={locale} translations={translations} />
</AppLayout>