import { Link } from 'react-router-dom';

export function NavLink({ text, route }: { text: string; route: string }) {
  return (
    <Link
      className={
        'text-[#ffffff] desktop:text-lg tablet:text-base desktop:leading-[18px] tablet:leading-4 font-semibold border-l border-[#3D425C] mobile:hidden py-[30px] px-10 min-[1350px]:block  hover:bg-[#3D425C] active:bg-[#14161F]'
      }
      to={route}
    >
      {text}
    </Link>
  );
}
