import { ShieldAlert } from "lucide-react";

export function AgeNotice({ compact = false }: { compact?: boolean }) {
  return (
    <div
      className={
        compact
          ? "inline-flex items-center gap-2 rounded-full border border-neon/30 bg-neon/10 px-3 py-1 text-xs text-neon"
          : "flex items-start gap-3 rounded-lg border border-neon/30 bg-neon/5 p-4"
      }
    >
      <ShieldAlert className={compact ? "size-3.5 shrink-0" : "size-5 shrink-0 text-neon"} />
      <p className={compact ? "" : "text-sm text-muted-foreground"}>
        <strong className="text-neon">18+ 成人內容聲明</strong>
        {!compact && (
          <>
            {" "}
            — 本網站內容涉及夜生活資訊，僅供 18
            歲以上成年人參考。未成年人請勿瀏覽或使用本服務。
          </>
        )}
        {compact && " 僅供 18+ 成年人"}
      </p>
    </div>
  );
}