import Link from "next/link";
import { useRouter } from "next/router";

export default function Default() {
  const { asPath } = useRouter();
  return (
    <>
      <li className={`${asPath === "/dashboard" ? "active" : ""}`}>
        <Link href="/dashboard" aria-expanded="false">
          <span>
            <svg
              width="29"
              height="24"
              viewBox="0 0 29 24"
              fill="none"
              xmlns="http://www.w3.org/2000/svg"
            >
              <path
                fillRule="evenodd"
                clipRule="evenodd"
                d="M0 24V0H28.723V24H0ZM1.86512 22.0957H26.8576V1.90493H1.86512V22.0957Z"
                fill="#7D86A9"
              ></path>
              <path
                d="M8.1674 11.2739L4.8125 14.8392V20.8554C4.8125 21.0246 4.94702 21.1623 5.113 21.1623H9.18638C9.35236 21.1623 9.48688 21.0249 9.48688 20.8554V11.6267L8.54751 11.2739H8.1674Z"
                fill="#7D86A9"
              ></path>
              <path
                d="M16.4642 14.07H12.3911C12.2248 14.07 12.0903 14.2074 12.0903 14.3769V20.855C12.0903 21.0246 12.2248 21.1623 12.3911 21.1623H16.4642C16.6302 21.1623 16.7647 21.0249 16.7647 20.855V14.3766C16.7647 14.2074 16.6302 14.07 16.4642 14.07Z"
                fill="#7D86A9"
              ></path>
              <path
                d="M22.3845 7.47056L21.6445 6.83908L18.9673 9.82174V20.855C18.9673 21.0242 19.1018 21.1619 19.2681 21.1619H23.3415C23.5075 21.1619 23.642 21.0245 23.642 20.855V7.57221C23.6253 7.58204 23.6102 7.59417 23.5932 7.60303C23.4375 7.68631 23.2625 7.73024 23.0866 7.73024C22.8294 7.73057 22.5809 7.63844 22.3845 7.47056Z"
                fill="#7D86A9"
              ></path>
              <path
                d="M3.81751 14.3795C3.97514 14.3795 4.13277 14.3163 4.25091 14.191L8.08513 10.1162L14.794 12.6372C15.0232 12.7228 15.2794 12.6595 15.4447 12.4759L21.6225 5.59352L23.0679 6.82763C23.1388 6.88796 23.2374 6.89845 23.3189 6.85517C23.4001 6.81157 23.4483 6.72271 23.44 6.62861L23.1266 3.05086C23.1157 2.92299 23.0049 2.82889 22.8801 2.84036L19.3765 3.15971C19.285 3.16791 19.2073 3.23217 19.1797 3.32168C19.1711 3.35119 19.1682 3.38168 19.1707 3.41152C19.1762 3.47185 19.2041 3.5289 19.2513 3.5689L20.6999 4.80531L14.8315 11.3431L8.13264 8.82569C7.90823 8.74208 7.65718 8.8011 7.49152 8.97618L3.38442 13.3405C3.15455 13.5851 3.16194 13.9733 3.40144 14.2081C3.51765 14.3225 3.66758 14.3795 3.81751 14.3795Z"
                fill="#7D86A9"
              ></path>
            </svg>
          </span>
          <span className="nav-text">Dashboard</span>
        </Link>
      </li>
    </>
  );
}