import React, { useState } from "react";

import Sidebar from "simple-sidebar";

const App = () => {
  const [isOpen, setIsOpen] = useState(false);

  return (
    <Sidebar
      options={{ overlay: "rgba(0, 0, 0, 0.8)", background: "darkseagreen" }}
      isOpen={isOpen}
      onClose={() => setIsOpen(false)}
      content={<div>This is the sidebar content!</div>}
    >
      <div className="App">
        <button onClick={() => setIsOpen(true)}>Open sidebar</button>
      </div>
    </Sidebar>
  );
};

export default App;