import navigationIcon from '@/configs/navigation-icon.config';
import React from 'react';
import { Link } from 'react-router-dom';

const HorizontalMenuNavLink = ({ path, icon, children }) => {
  return (
    <Link className="h-full w-full flex items-center" to={path}>
      {icon && <span className="text-2xl px-1">{navigationIcon[icon]}</span>}
      <span>{children}</span>
    </Link>
  );
};

export default HorizontalMenuNavLink;
