import React from 'react';
import { observer } from 'mobx-react';
import './HomeDemo.less';

import { SvgaPlayer } from "@grace/svgaplayer";
import { Button, Toast } from "@grace/ui";

import svga from "@/assets/LoadingPage/1红色标题.svga";
import png from "@/assets/LoadingPage/loadingIp.png";

@observer
class HomeDemo extends React.Component {

  componentDidMount() {

  }

  clickBtn = () => {
    Toast.show({
      mask: true,
      content: '我是Toast\n我是Toast我是Toast我是Toast我是Toast我是Toast我是Toast我是Toast我是Toast我是Toast'
    });
  }

  render() {
    return <div className="homeDemo md1">
      <div className="homeImg" />
      <img src={png} />
      当前为活动首页
      <SvgaPlayer className="svga" src={svga} />

      <Button className="button md2" onClick={this.clickBtn} />

    </div>;
  }
}

export default HomeDemo;
