import { useState } from "react";

import Barra from "./components/Barra";
import Keeper from "./components/coordkeeper";

function App() {
  const [type, setType] = useState("overworld");
  return (
    <div>
      <Barra active={type} setType={setType} />
      <div class="container border text-white vw-100 mt-2 rounded p-2">
        <Keeper tipo={type} />
      </div>
    </div>
  );
}

export default App;