"use client";

import { useRouter } from "next/navigation";

export default function BackButton() {
  const router = useRouter();
  return (
    <button
      type="button"
      onClick={() => {
        if (window.history.length > 1) router.back();
        else router.push("/");
      }}
      className="inline-flex min-h-[44px] items-center justify-center gap-2 rounded-lg border border-line bg-white px-5 text-sm font-semibold text-navy hover:border-navy max-sm:w-full"
    >
      <span aria-hidden="true">←</span>
      Go back
    </button>
  );
}