"use client";

import {
  isLocalhostAppUrl,
  LOCALHOST_APP_URL_WARNING_AR,
  LOCALHOST_APP_URL_WARNING_EN,
} from "@/lib/app-url-warning";
import { useLocale } from "@/components/providers/locale-provider";

export function LocalhostAppUrlWarning({ className }: { className?: string }) {
  const { locale } = useLocale();
  if (!isLocalhostAppUrl()) return null;

  return (
    <p
      className={
        className ??
        "rounded-lg border border-amber-300 bg-amber-50 px-3 py-2 text-sm text-amber-900"
      }
      role="status"
    >
      {locale === "ar" ? LOCALHOST_APP_URL_WARNING_AR : LOCALHOST_APP_URL_WARNING_EN}
    </p>
  );
}