/**
 * Failed to minify the file using Terser v5.39.0. Serving the original version.
 * Original file: /npm/rtui@0.1.19/main.js
 *
 * Do NOT use SRI with dynamically generated files! More information: https://www.jsdelivr.com/using-sri-with-dynamic-files
 */
import './main.scss';
import React, { Component } from 'react';
import { render } from 'react-dom';
import LoadingDemo from './loading/demo';
import TipsDemo from './tips/demo';
import ConfirmDemo from './confirm/demo';
import ValidateDemo from './validate/demo';
import Button from './button';
import ClauseDemo from './clausepopup/demo';
import RadioDemo from './radio/demo';
import Alert from './alert/demo';
import PopupDemo from './popup/demo';

// const App = React.createClass({
//   render() {
//     return <div>aaaa</div>;
//   },
// });

// class App extends Component {
//   render() {
//     return <div>Hello</div>;
//   }
// }

// const App = () => (
//   <div>
//     <h2>loading</h2>
//     <Loading action="show" />
//   </div>
// );

class App extends Component {

  // static propTypes = {
  //   isShow: PropTypes.string.isRequired,
  //   title: PropTypes.string.isRequired,
  //   main: PropTypes.string.isRequired,
  //   ok: PropTypes.func.isRequired,
  //   close: PropTypes.func,
  // };
  //
  // static defaultProps = { close: () => {} };

  constructor(props) {
    super(props);
    this.state = {};
  }

  // tips() {
  //   // alert('tips');
  //   this.setState({ showTips: 'true', showConfirm: 'false', showLoading: false,
  //   showValidate: 'false' });
  // }

  render() {
    return (
      <div>
        <ul>
          <li>
            <Button />
            <TipsDemo />
          </li>
          <li>
          <ConfirmDemo />
          </li>
        </ul>
        <LoadingDemo />
        <ValidateDemo />
        <ClauseDemo />
        <RadioDemo />
        <Alert />
        <PopupDemo />
      </div>
    );
  }
}

const rootElement = document.getElementById('main');

render(
  <App />,
  rootElement
);