import React from "react";
  import ReactDOM from "react-dom";
  import DayViewProgress from "react-day-view-progress";
  import "./styles.css";
 
  function App() {
    return (
      <div
        className="App"
        style={{
          height: "50px",
          width: "calc(100vw - 20px)",
          margin: "10px"
        }}
      >
        <DayViewProgress />
        <br />
 
        <DayViewProgress>
          <div
            style={{
              width: "100%",
              backgroundColor: "#eee"
            }}
          >
            Today progress view with custom children. <br />
            😛😋🤗🤑
          </div>
        </DayViewProgress>
      </div>
    );
  }
 
  const rootElement = document.getElementById("root");
  ReactDOM.render(<App />, rootElement);