Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
const require_chunk = require("../../chunk-BN4qSVkS.cjs");
let _emotion_styled = require("@emotion/styled");
_emotion_styled = require_chunk.__toESM(_emotion_styled);
let _emotion_react_jsx_runtime = require("@emotion/react/jsx-runtime");
//#region src/components/CountryFlag/CountryFlagImg.tsx
function CountryFlagImg({ countryCode, height = 32, flagUrls, placeholderUrl }) {
	const imgSrc = flagUrls[countryCode.toLowerCase()];
	if (!imgSrc && !placeholderUrl) return /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(Placeholder, { style: {
		width: height,
		height
	} });
	return /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(StyledCountryFlagImg, {
		alt: `${countryCode} country flag`,
		src: imgSrc || placeholderUrl,
		height
	});
}
const StyledCountryFlagImg = _emotion_styled.default.img`
  border-radius: 999px;
`;
const Placeholder = _emotion_styled.default.div`
  border-radius: 999px;
  background: #e0e0e0;
`;
//#endregion
exports.CountryFlagImg = CountryFlagImg;
