import { ScreenType } from '@designable/core';
import { observer } from '@formily/reactive-vue';
import { useScreen } from '../hooks';
import { MobileSimulator, PCSimulator, ResponsiveSimulator, } from '../simulators';
import { defineComponent } from 'vue-demi';
var SimulatorComponent = defineComponent({
    setup: function (props, _a) {
        var attrs = _a.attrs, slots = _a.slots;
        var screenRef = useScreen();
        return function () {
            var _a, _b, _c, _d;
            if (screenRef.value.type === ScreenType.PC)
                return (<PCSimulator {...attrs} {...props}>
            {(_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)}
          </PCSimulator>);
            if (screenRef.value.type === ScreenType.Mobile)
                return (<MobileSimulator {...attrs} {...props}>
            {(_b = slots.default) === null || _b === void 0 ? void 0 : _b.call(slots)}
          </MobileSimulator>);
            if (screenRef.value.type === ScreenType.Responsive)
                return (<ResponsiveSimulator {...attrs} {...props}>
            {(_c = slots.default) === null || _c === void 0 ? void 0 : _c.call(slots)}
          </ResponsiveSimulator>);
            return (<PCSimulator {...attrs} {...props}>
          {(_d = slots.default) === null || _d === void 0 ? void 0 : _d.call(slots)}
        </PCSimulator>);
        };
    },
});
export var Simulator = observer(SimulatorComponent);
//# sourceMappingURL=Simulator.jsx.map