"use client";

import { DotLottieReact } from "@lottiefiles/dotlottie-react";
import { IconArrowLeft } from "@tabler/icons-react";

export function Lottie404() {
  return (
    <DotLottieReact
      autoplay
      className="w-full"
      loop
      src="/animations/404.lottie"
    />
  );
}

export function BackButton({ label }: { label: string }) {
  return (
    <button
      className="inline-flex items-center justify-center gap-2 rounded-xl border border-white/10 bg-white/5 px-6 py-3 font-semibold text-neutral-300 text-sm transition-colors hover:bg-white/10"
      onClick={() => window.history.back()}
      type="button"
    >
      <IconArrowLeft size={18} stroke={1.5} />
      {label}
    </button>
  );
}