"use strict";
Object.defineProperty(exports, "__esModule", {
    value: true
});
Object.defineProperty(exports, "Combine", {
    enumerable: true,
    get: function() {
        return Combine;
    }
});
const _jsxruntime = require("react/jsx-runtime");
const _react = require("react");
const _networkImage = require("./networkImage");
const _utils = require("./utils");
const Combine = (props)=>{
    const size = (0, _react.useMemo)(()=>{
        return (0, _utils.getSize)(props.main.size);
    }, [
        props.main.size
    ]);
    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
        className: "orderly-relative",
        style: {
            width: size,
            height: size
        },
        children: [
            /*#__PURE__*/ (0, _jsxruntime.jsx)(_networkImage.NetworkImage, {
                ...props.main
            }),
            /*#__PURE__*/ (0, _jsxruntime.jsx)(_networkImage.NetworkImage, {
                ...props.sub,
                className: "orderly-bg-base-600 orderly-absolute orderly-bottom-0 orderly-right-0 orderly-outline orderly-outline-2 orderly-outline-base-100 orderly-z-10",
                rounded: true
            })
        ]
    });
};

//# sourceMappingURL=combine.js.map