"use client";

import { AlertTriangle } from "lucide-react";

export default function SandboxBanner() {
  return (
    <div className="w-full bg-amber-400 text-amber-900 py-2 px-4 text-center text-sm font-semibold flex items-center justify-center gap-2 z-[100]">
      <AlertTriangle size={15} className="shrink-0" />
      <span>
        <strong>Sandbox Mode</strong> — Stripe payments are in test mode. No real charges will be made.
      </span>
    </div>
  );
}