import React from 'react'
import styles from './index.module.scss'
import TopCom from '@/components/TopCom'
import history from '@/utils/history'
import ZFlooBtn from '@/components/ZFlooBtn'

const txt = `<p>欢迎来到健康教育课堂，这里是孩子们的乐园，也是知识的宝库！为了确保每位小朋友都能有一个安全、愉快的参观体验，我们特别制定了以下预约须知： 1. 预约制度：请家长们提前通过我们的官方网站或官方微信公众号进行在线预约。预约时，请选择您希望参观的日期和时间段，并填写必要的联系信息。 2. 预约确认：预约成功后，您将收到一个预约码。请妥善保存此码，因为它将是您进入教育课堂的重要凭证。 3. 参观时间：请根据预约的时间到达教育课堂，我们建议您提前15分钟到达，以便有足够的时间进行安检和登记。 4. 携带物品：参观当天，请携带好您的身份证件，以便工作人员核对信息。同时，为了孩子们的安全，请不要携带易燃易爆等危险物品。 5. 参观规则：在馆内，请遵守教育课堂的各项规定，保持安静，不要在馆内奔跑打闹。请教导孩子们尊重展品，不要触摸或损坏任何展品。 6. 安全须知：为了您和他人的安全，请随时关注孩子们的动向，确保他们不离开您的视线范围。 7. 紧急情况：如遇紧急情况，请立即联系工作人员，我们会为您提供必要的帮助。 8. 环境卫生：请保持馆内的清洁卫生，不要乱丢垃圾，共同维护一个良好的参观环境。 我们期待您的光临，一起探索知识的海洋，享受一段美好的亲子时光。感谢您的配合与支持，祝您和孩子们在健康教育课堂有一个难忘的旅程！</p>
<p>欢迎来到健康教育课堂，这里是孩子们的乐园，也是知识的宝库！为了确保每位小朋友都能有一个安全、愉快的参观体验，我们特别制定了以下预约须知： 1. 预约制度：请家长们提前通过我们的官方网站或官方微信公众号进行在线预约。预约时，请选择您希望参观的日期和时间段，并填写必要的联系信息。 2. 预约确认：预约成功后，您将收到一个预约码。请妥善保存此码，因为它将是您进入教育课堂的重要凭证。 3. 参观时间：请根据预约的时间到达教育课堂，我们建议您提前15分钟到达，以便有足够的时间进行安检和登记。 4. 携带物品：参观当天，请携带好您的身份证件，以便工作人员核对信息。同时，为了孩子们的安全，请不要携带易燃易爆等危险物品。 5. 参观规则：在馆内，请遵守教育课堂的各项规定，保持安静，不要在馆内奔跑打闹。请教导孩子们尊重展品，不要触摸或损坏任何展品。 6. 安全须知：为了您和他人的安全，请随时关注孩子们的动向，确保他们不离开您的视线范围。 7. 紧急情况：如遇紧急情况，请立即联系工作人员，我们会为您提供必要的帮助。 8. 环境卫生：请保持馆内的清洁卫生，不要乱丢垃圾，共同维护一个良好的参观环境。 我们期待您的光临，一起探索知识的海洋，享受一段美好的亲子时光。感谢您的配合与支持，祝您和孩子们在健康教育课堂有一个难忘的旅程！</p>
`

function A2notice() {
  return (
    <div className={styles.A2notice}>
      <TopCom txt='预约须知' />

      <div className='A2main'>
        <div className='A2txt'>
          <div className='mySorrl' dangerouslySetInnerHTML={{ __html: txt }}></div>
        </div>
        <ZFlooBtn txt='我已阅读并同意' clickFu={() => history.push('/selectDay')} />
      </div>
    </div>
  )
}

const MemoA2notice = React.memo(A2notice)

export default MemoA2notice
