/*
* annotation like `placeholder begin *** and
* placeholder end ***` is required for generate ewt manual, please keep it
*/
import React from 'react';
import Code from '@/Code';
import Demo from '@/Demo';

// import { Question, Answer, Report } from '@/Words';
import ClassicalChinese from '@/ClassicalChinese';

// import './index.scss';
// import '../../../index.scss';

// import '../styles/index.scss';

import './style.scss';

const DemoComponent = () => {
  const codeSmall = `
import { EmptyData } from '@ewtd/ewt';

<EmptyData style={{ width: '200px' }} type="small" />
`;

  return (
    <Demo>
      <h2>ClassicalChinese 组件</h2>
      <p>空数据组件，数据为空时使用。</p>
      <h3>代码演示</h3>
      <div style={{ padding: '10px 0', }}>
        <ClassicalChinese
          env="mock"
          platform={1}
          reportId={'1130788558878257672'}
          snapStepId={"802"}
          snapPlanId={'337'}
          activedTab={1}
          stepReport={1}
          testRounds={2}
          studyStatus={0}
          meansModalCallback={(meanName, data) => console.log(data, 'means modal data')}
        />
      </div>


    </Demo>
  );
};

export default DemoComponent;