https://www.hamienet.com/assets/GlobeFlag-V1uaxVEK.js

1import { j as jsxRuntimeExports } from "./vendor-react-Bay9Y7Lb.js";
2const GlobeFlag = ({
3  countryCode,
4  size = 20,
5  className = "",
6  tooltip = true
7}) => {
8  console.log("GlobeFlag v2");
9  if (!countryCode) return null;
10  const code = countryCode.toLowerCase();
11  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
12    "div",
13    {
14      className: `relative inline-flex shrink-0 items-center justify-center rounded-full overflow-hidden shadow-sm ${className}`,
15      style: {
16        width: size,
17        height: size,
18        backgroundColor: "#f4f4f5"
19        // zinc-100 placeholder
20      },
21      title: tooltip ? `Region: ${countryCode.toUpperCase()}` : void 0,
22      children: [
23        /* @__PURE__ */ jsxRuntimeExports.jsx(
24          "img",
25          {
26            src: `https://flagcdn.com/w80/${code}.png`,
27            alt: countryCode,
28            className: "w-full h-full object-cover"
29          }
30        ),
31        /* @__PURE__ */ jsxRuntimeExports.jsx(
32          "div",
33          {
34            className: "absolute inset-0 pointer-events-none",
35            style: {
36              background: "radial-gradient(circle at 35% 35%, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.2) 100%)",
37              boxShadow: "inset 0 0 4px rgba(0,0,0,0.2)"
38            }
39          }
40        )
41      ]
42    }
43  );
44};
45export {
46  GlobeFlag as G
47};