"use strict";
Object.defineProperty(exports, "__esModule", {
    value: true
});
Object.defineProperty(exports, "SvgImage", {
    enumerable: true,
    get: function() {
        return SvgImage;
    }
});
const _jsxruntime = require("react/jsx-runtime");
const _react = require("react");
const SvgImage = (props)=>{
    const size = (0, _react.useMemo)(()=>{
        if (typeof props.size === "undefined") return "20px";
        if (props.size === "small") return "16px";
        if (props.size === "medium") return "24px";
        if (props.size === "large") return "32px";
        return `${props.size}px`;
    }, [
        props.size
    ]);
    return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
        className: "orderly-inline-block orderly-overflow-hidden orderly-p-[3px]",
        style: {
            width: size,
            height: size,
            backgroundColor: props.backgroundColor ?? "#FFF",
            borderRadius: props.rounded ? "50%" : "0"
        },
        dangerouslySetInnerHTML: {
            __html: props.svg ?? ""
        }
    });
};

//# sourceMappingURL=svgImage.js.map