import { Button, ButtonGroup } from '@gaoding/gd-antd-plus';
import { observer } from '@formily/reactive-vue';
import { IconWidget } from '../IconWidget';
import { usePrefix, useWorkbench } from '../../hooks';
import { defineComponent } from 'vue-demi';
import cls from 'classnames';
var VireToolsWidgetComponent = defineComponent({
    props: {
        use: { type: Array, default: function () { return ['DESIGNABLE', 'JSONTREE', 'PREVIEW']; } },
    },
    setup: function (props) {
        var workbenchRef = useWorkbench();
        var prefixRef = usePrefix('view-tools');
        return function () {
            var _a, _b, _c, _d;
            return (<ButtonGroup class={cls(prefixRef.value)}>
        {props.use.includes('DESIGNABLE') && (<Button disabled={((_a = workbenchRef.value) === null || _a === void 0 ? void 0 : _a.type) === 'DESIGNABLE'} onClick={function () {
                        workbenchRef.value.type = 'DESIGNABLE';
                    }} size="small">
            <IconWidget infer="Design"/>
          </Button>)}
        {props.use.includes('JSONTREE') && (<Button disabled={((_b = workbenchRef.value) === null || _b === void 0 ? void 0 : _b.type) === 'JSONTREE'} onClick={function () {
                        workbenchRef.value.type = 'JSONTREE';
                    }} size="small">
            <IconWidget infer="JSON"/>
          </Button>)}
        {props.use.includes('MARKUP') && (<Button disabled={((_c = workbenchRef.value) === null || _c === void 0 ? void 0 : _c.type) === 'MARKUP'} onClick={function () {
                        workbenchRef.value.type = 'MARKUP';
                    }} size="small">
            <IconWidget infer="Code"/>
          </Button>)}
        {props.use.includes('PREVIEW') && (<Button disabled={((_d = workbenchRef.value) === null || _d === void 0 ? void 0 : _d.type) === 'PREVIEW'} onClick={function () {
                        workbenchRef.value.type = 'PREVIEW';
                    }} size="small">
            <IconWidget infer="Play"/>
          </Button>)}
      </ButtonGroup>);
        };
    },
});
export var ViewToolsWidget = observer(VireToolsWidgetComponent);
//# sourceMappingURL=index.jsx.map