"use client";

import { useRouter } from "next/navigation";
import { FiArrowLeft } from "react-icons/fi";

export default function BackButton() {
  const router = useRouter();
  return (
    <button
      onClick={() => router.back()}
      className="flex items-center gap-2 text-[#333333] font-montserrat text-xs sm:text-sm bg-white/50 backdrop-blur-sm px-3 sm:px-4 py-2 rounded-full w-fit hover:bg-white/30 transition cursor-pointer"
    >
      <FiArrowLeft className="w-3.5 h-3.5 sm:w-4 sm:h-4" />
      Back
    </button>
  );
}