import { I18nProvider, useLocale, useTranslations } from '@platform-modules/i18n-react';
import { i18n } from '../messages';

function ContentBody() {
  const t = useTranslations();
  const current = useLocale();

  return (
    <p data-testid="multi-content" data-locale={current}>
      {t('greeting', { name: 'Dana' })}
    </p>
  );
}

export default function Content({ locale: initialLocale }: { locale: string }) {
  return (
    <I18nProvider i18n={i18n} locale={initialLocale}>
      <ContentBody />
    </I18nProvider>
  );
}