"use strict";
Object.defineProperty(exports, "__esModule", {
    value: true
});
Object.defineProperty(exports, "RiskIndicator", {
    enumerable: true,
    get: function() {
        return RiskIndicator;
    }
});
const _jsxruntime = require("react/jsx-runtime");
const _css = require("../utils/css");
const RiskIndicator = (props)=>{
    const { size = 20, className } = props;
    return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
        className: "orderly-flex orderly-justify-center orderly-items-end",
        style: {
            background: "url(/images/riskLevelBg.png)",
            backgroundSize: "contain",
            backgroundRepeat: "no-repeat",
            backgroundPosition: "center bottom",
            width: `${size}px`,
            height: `14px`
        },
        children: /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
            className: (0, _css.cn)("orderly-relative orderly-w-[2px] orderly-h-[2px] orderly-rounded-full orderly-bg-white after:orderly-block after:orderly-content-[''] after:orderly-absolute after:orderly-right-0 after:orderly-w-[10px] after:orderly-h-[2px] after:orderly-bg-white/50", className)
        })
    });
};

//# sourceMappingURL=riskIndicator.js.map