import { ArrowLeftIcon } from "@heroicons/react/24/outline";
import Link from "next/link";

export default function BackToPortfolio({
  portfolioId,
}: {
  portfolioId: string;
}) {
  return (
    <Link href={`/portfolio/${portfolioId}`}>
      <div className="ml-2 px-4 py-1 inline-flex items-center bg-brandtan hover:bg-hovertan text-white rounded-md transition-colors duration-200 cursor-pointer">
        <ArrowLeftIcon className="w-5 h-5 mr-1" />
        Back to portfolio
      </div>
    </Link>
  );
}
