'use client';

import React from 'react';
import { useT } from '@/i18n';
import s from '../content.module.css';

export default function RiskPage() {
  const t = useT();
  return (
    <>
      <section className={s.hero}>
        <h1 className={s.title}>{t('risk_title')}</h1>
      </section>
      <div className={s.body}>
        <p className={s.updated}>{t('risk_updated')}</p>
        <h2>{t('risk_s1_title')}</h2>
        <p>{t('risk_s1_p1')}</p>
        <h2>{t('risk_s2_title')}</h2>
        <ul>
          <li>{t('risk_s2_li1')}</li>
          <li>{t('risk_s2_li2')}</li>
          <li>{t('risk_s2_li3')}</li>
          <li>{t('risk_s2_li4')}</li>
        </ul>
        <h2>{t('risk_s3_title')}</h2>
        <p>{t('risk_s3_p1')}</p>
        <h2>{t('risk_s4_title')}</h2>
        <p>{t('risk_s4_p1')}</p>
      </div>
    </>
  );
}
