import React from "react";
import Link from "next/link";

function DirectoryItem({
  urlPath,
  name,
}: {
  urlPath: string;
  name: string;
}) {
  return (
    <Link href={urlPath} passHref>
      <a className="text-gray-500 border-2 border-gray-500 hover:border-green-500 hover:text-green-500 rounded-md font-semibold text-base mt-2  center p-2">
        {name}
      </a>
    </Link>
  );
}

export default DirectoryItem;