import React from 'react';
import styles from './Index.less';
import LuckySheet from './LuckySheet';

function Mobile(props) {
  const {
    match: { params },
  } = props;

  const projectId = parseInt(params.projectId);
  const templateId = parseInt(params.templateId);
  const version = { id: parseInt(params.versionId), flow_id: true };

  return (
    <div className={styles.mobileSheetBox}>
      <LuckySheet className={styles.sheet} version={version} templateId={templateId} />
    </div>
  );
}

export default Mobile;