import React, { useState } from "react";
import ReactDOM from "react-dom";

// Imports the @clayui/css package CSS
import "@clayui/css/lib/css/atlas.css";

// You will use this to move to some components
// that need Clay icons, you can host your own
// set of icons in your application. We are using
// the collection of icons hosted in codesandox
// itself to avoid an unsafe request error for a
// different URL than the hosted site.
const spritemap = "icons.svg";

function App() {
  return (
    <div className="container">
      <div className="sheet">
        <div className="sheet-header">
          <h2 className="sheet-title">Clay</h2>
          <div className="sheet-text">Experiment Clay components!</div>
        </div>
        <div className="sheet-section">{/** Add components here */}</div>
      </div>
    </div>
  );
}

const rootElement = document.getElementById("root");
ReactDOM.render(<App />, rootElement);