text: import { NavBar } from "../components/ui/NavBar";
  import { Routes, Route } from "react-router-dom";
  import { DcScreen } from "../components/dc/DcScreen";
  import { MarvelScreen } from "../components/marvel/MarvelScreen";
  import { SearchScreen } from "../components/search/SearchScreen";
  import { HeroScreen } from "../components/hero/HeroScreen";
  export const DashboardRouter = () => {
    return (
      <>
        <NavBar />
  
        <div className="container">
          <Routes>
            <Route path="marvel" element={<MarvelScreen />} />
            <Route path="dc" element={<DcScreen />} />
            <Route path="search" element={<SearchScreen />} />
            <Route path="hero/:heroId" element={<HeroScreen color={"green"} />} />
            <Route path="/" element={<MarvelScreen />} />
          </Routes>
        </div>
      </>
    );
  };
  