websites/apps/staking/app/mystakes/modules/NoticeModule.tsx

'use client';

import { WizardSectionDescription } from '@/components/Wizard';
import { externalLink } from '@/lib/locale-defaults';
import { Module, ModuleHeader, ModuleText } from '@session/ui/components/Module';
import { useTranslations } from 'next-intl';

export default function NoticeModule() {
  const dict = useTranslations('modules.notice');

  return (
    <Module size="lg" className="flex flex-grow">
      <ModuleHeader className="overflow-auto">
        <ModuleText>{dict('title')}</ModuleText>
        <WizardSectionDescription
          className="mt-6 text-base md:text-base"
          description={dict.rich('description', { linkOut: '' })}
          href="https://docs.getsession.org/session-network"
        />
        <br />
        {dict.rich('description2', {
          'bridge-link': externalLink('/claim/oxen'),
        })}
      </ModuleHeader>
    </Module>
  );
}