import PropTypes from "prop-types";
import React from "./lib/react/React";
// function App({ id }) {
//   return (
//     <div className="container" id={id}>
//       <div className="one">
//         <div className="two">
//           <p>1</p>
//           <p>2</p>
//         </div>
//         <div className="three">
//           <p>3</p>
//           <p>4</p>
//         </div>
//       </div>
//       <p>this is a tes1</p>
//     </div>
//   );
// }

class App extends React.Component {
  constructor(props) {
    super(props);
  }
  render() {
    return (
      <div className="container" id={this.props.id}>
        <div className="one">
          <div className="two">
            <p>1111</p>
            <p>2222</p>
          </div>
          <div className="three">
            <p>3333</p>
            <p>4444</p>
          </div>
        </div>
        <p>this is a test!!!</p>
      </div>
    );
  }
}

App.propTypes = {
  id: PropTypes.string.isRequired,
};

export default App;