import { FC, ReactElement } from 'react';
import NextLink from './NextLink';

// =========================================================
type ListItemLinkProps = {
  href: string;
  liClassName?: string;
  linkClassName?: string;
  title: string | ReactElement;
  target?: string;
};
// =========================================================

const ListItemLink: FC<ListItemLinkProps> = (props) => {
  const { linkClassName = 'nav-link', liClassName = 'nav-item', href, title, target = '_self' } = props;

  return (
    <li className={liClassName}>
      <NextLink className={linkClassName} href={href} title={title} target={target} />
    </li>
  );
};

export default ListItemLink;