"use client";
import {
  AGG_TERMS_OF_SERVICE_URL,
  Icon,
  cn
} from "./chunk-34L7ZKJW.mjs";

// src/geo-block-banner/index.tsx
import { useLabels } from "@agg-build/hooks";
import { jsx, jsxs } from "react/jsx-runtime";
var GeoBlockBanner = ({
  venue,
  termsUrl = AGG_TERMS_OF_SERVICE_URL,
  className
}) => {
  const labels = useLabels();
  const message = venue ? labels.trading.geoBlockVenueMessage(venue) : labels.trading.geoBlockGenericMessage;
  return /* @__PURE__ */ jsxs(
    "div",
    {
      className: cn("flex items-center gap-5 rounded-agg-lg bg-agg-secondary-hover p-3", className),
      role: "status",
      children: [
        /* @__PURE__ */ jsxs("p", { className: "min-w-0 flex-1 text-agg-xs leading-agg-4 text-agg-foreground", children: [
          message,
          /* @__PURE__ */ jsx("a", { href: termsUrl, className: "underline", target: "_blank", rel: "noreferrer noopener", children: labels.trading.geoBlockTermsLink }),
          labels.trading.geoBlockMessageSuffix
        ] }),
        /* @__PURE__ */ jsx(Icon, { name: "internet-security", className: "h-6 w-6 shrink-0 text-agg-muted-foreground" })
      ]
    }
  );
};
GeoBlockBanner.displayName = "GeoBlockBanner";

export {
  GeoBlockBanner
};
