/**
 * ldesign v0.2.14
 * (c) 2022/11/2 16:16 built by swimly
 * @license MIT
 */

import { defineComponent, computed } from '@vue/composition-api';
import { usePrefixClass } from '../../../hooks/use-config.js';
import { useLNodeJSX } from '../../../hooks/lnode.js';
import '../../config-provider/useConfig.js';
import '../../config-provider/context.js';
import 'lodash';
import '../../../_chunks/dep-def4c2ce.js';
import 'lodash/isEmpty';
import 'lodash/isFunction';
import 'lodash/camelCase';
import 'lodash/kebabCase';
import '../../../hooks/render-lnode.js';

const propHandler = {
  type: Function,
  default() {
    return () => {};
  }
};
var TImageViewerIcon = defineComponent({
  name: "LImageModalIcon",
  props: {
    disabled: Boolean,
    clickHandler: propHandler,
    label: String,
    icon: Function
  },
  setup(props) {
    const classPrefix = usePrefixClass();
    const renderLNodeJSX = useLNodeJSX();
    const wrapClass = computed(() => [`${classPrefix.value}-image-viewer__modal-icon`, {
      [`${classPrefix.value}-is-disabled`]: props.disabled
    }]);
    return {
      wrapClass,
      classPrefix,
      renderLNodeJSX
    };
  },
  render() {
    const h = arguments[0];
    return h("div", {
      "class": this.wrapClass,
      "on": {
        "click": this.clickHandler
      }
    }, [this.renderLNodeJSX("icon"), this.label && h("span", {
      "class": `${this.classPrefix}-image-viewer__modal-icon-label`
    }, [this.label])]);
  }
});

export { TImageViewerIcon as default };
//# sourceMappingURL=ImageModalIcon.js.map
