Modern Web services for a Modern Business

import { useRouter } from 'next/router';
import Link from 'next/link';
import React, { useState, PropsWithChildren, useEffect } from 'react';
import { ActiveLinkProps } from '@/lib/types';
import { combineClasses } from '@/lib/utils';

export default function ActiveLink({
  children,
  className = "",
  activeClassName = "",
  inactiveClassName = "",
  ...props,
}: PropsWithChildren<ActiveLinkProps>) {
  const { asPath, isReady } = useRouter();
  const [computedClassName, setComputedClassName] = useState(className);