import { Action } from "../action";
// import { css } from "@emotion/react";
import Viewer from "../components/Viewer";
import { Style } from "../style/section";
import {
  TimeLineLabelText,
  TimeLineWallText,
  ButtonText,
} from "../components/TimeLineText";

export default function Section11(props) {
  // eslint-disable-next-line react/prop-types
  const debug = props.debug || false;
  // pause: {
  //   1: 80,
  // },
  // enterTween: {
  //   from: {
  //     autoAlpha: 0,
  //     y: 500,
  //   },
  // },
  // exitTween: vo.pinForExit,
  return (
    <Viewer
      debug={debug}
      height={"200vh"}
      name="Enheduanna Steadi"
      path="enheduanna-steadi-10fps-873-rev1"
      frameCount={40}
      pause={{
        1: 80,
      }}
      enterTween={{
        form: {
          autoAlpha: 0,
          y: 500,
        },
      }}
      exitTween={Action.pinForExit}
    >
      <TimeLineLabelText
        fade={0.01}
        verticalOffset={"63vh"}
        duration={0.3}
        progressPosition={0.09}
      >
        <div>
          测试文案： Section11 四维时代致力于人工智能三维数字化技术的.
          研究与应用，以实现“数字万物”为愿景. 让数字化飞入寻常百姓家。
        </div>
      </TimeLineLabelText>

      <TimeLineWallText
        className={"wall-text"}
        progressPosition={0}
        duration={0.35}
        fade={0.1}
      >
        <div css={Style.DescriptionStyle}>
          <div className="desc-title">测试文案：不知名文物</div>
          <div className="desc-sub-title">公元前11-1010年</div>
          <div className="desc-t-title">不知名文物</div>
          <ButtonText>
            <i>不知名文物</i>
            ，测试文案：不知名文物，测试文案：不知名文物，测试文案：不知名文物，测试文案：不知名文物F。©中国艺术博物馆版权所有
          </ButtonText>
        </div>
      </TimeLineWallText>
    </Viewer>
  );
}
