import React from "react";
import { useRouter } from "next/router";
import IconButton from "@material-ui/core/IconButton";
import EvaIcon from "react-eva-icons";
import { useTheme } from "@material-ui/core/styles";
import { DynamicDocRoute } from "@/utils/routes";
export default function DocMenu({ isDoc }) {
    const theme = useTheme();
    const router = useRouter();
    const handleRoute = ({ route }) => {
        if (route === "/")
            return router.push("/").then(_r => { });
        router.push(DynamicDocRoute, route).then(_r => { });
    };
    return (
    // Doc or Dashboard Home Icon
    <div>
      <IconButton aria-label="doc or dashboard" aria-controls="menu-appbar" aria-haspopup="true" onClick={() => handleRoute({ route: isDoc ? "/" : "/doc/guide/get-started" })} color="inherit">
        <EvaIcon name={isDoc ? "home-outline" : "book-outline"} size="large" fill={theme.bunadmin.iconColor}/>
      </IconButton>
    </div>);
}