import React from 'react';
import Translate from '@docusaurus/Translate';
import styles from './index.module.css';

const FORUM_URL = 'https://forum.gitlink.org.cn';

export default function HelpFeedback() {
  return (
    <div className={styles.wrapper}>
      <div className={styles.card}>
        <div className={styles.content}>
          <h3 className={styles.title}>
            <Translate id="helpFeedback.title">
              对这篇文档有疑问？
            </Translate>
          </h3>
          <p className={styles.desc}>
            <Translate id="helpFeedback.description">
              欢迎到 GitLink 论坛发帖提问，社区成员和官方团队会协助解答。
            </Translate>
          </p>
        </div>
        <a
          href={FORUM_URL}
          target="_blank"
          rel="noopener noreferrer"
          className={styles.button}
        >
          <Translate id="helpFeedback.forumButton">
            去论坛提问
          </Translate>
        </a>
      </div>
    </div>
  );
}
