import { defineComponent, openBlock, createElementBlock, createBlock, unref } from "vue";
import Icon from "../Icon.vue.mjs";
import radioIcon from "../../../assets/icon/radio.svg.mjs";
const _hoisted_1 = {
  key: 0,
  class: "radio-no-select"
};
const _sfc_main = /* @__PURE__ */ defineComponent({
  __name: "index",
  props: {
    isSelected: { type: Boolean }
  },
  emits: ["onChange"],
  setup(__props, { emit: __emit }) {
    const emits = __emit;
    const props = __props;
    function toggleSelect() {
      emits("onChange", !props.isSelected);
    }
    return (_ctx, _cache) => {
      return openBlock(), createElementBlock("div", {
        class: "radio-select",
        onClick: toggleSelect
      }, [
        !props.isSelected ? (openBlock(), createElementBlock("div", _hoisted_1)) : (openBlock(), createBlock(Icon, {
          key: 1,
          file: unref(radioIcon),
          size: "20px"
        }, null, 8, ["file"]))
      ]);
    };
  }
});
export {
  _sfc_main as default
};
