import Link from 'next/link';
import { ArrowRight } from 'lucide-react';

interface BackToHomeProps {
  href?: string;
  label?: string;
  className?: string;
}

export function BackToHome({
  href = '/',
  label = 'Kembali ke Beranda',
  className = '',
}: BackToHomeProps) {
  return (
    <Link
      href={href}
      className={`fixed top-8 left-8 z-50 flex items-center gap-2 text-[10px] font-black text-gray-400 hover:text-yellow-600 transition-colors uppercase tracking-[0.2em] group ${className}`}
    >
      <div className="p-2 border border-gray-200 group-hover:border-yellow-400 transition-colors">
        <ArrowRight className="w-4 h-4 rotate-180" />
      </div>
      <span className="hidden sm:inline">{label}</span>
    </Link>
  );
}