<template>
  <div
    class="svg-logo"
    @click="$emit('update:modelValue', !modelValue)"
  >
    <img
      v-if="modelValue"
      src="/static/assets/client-base-v4/image/svg/or.svg"
      class="svg-logo"
      title="或"
    />
    <img
      v-else
      src="/static/assets/client-base-v4/image/svg/and.svg"
      class="svg-logo"
      title="且"
    />
  </div>
</template>

<script>

export default {
  props: {
    modelValue: {
      type:Boolean,
      default: null,
    },
  },

  emits: ['update:modelValue'],
};
</script>

<style scoped>

.svg-logo {
    width: 25px;
    height: 25px;
    cursor: pointer;
    display: inline-table;
    padding: 3px;
    user-select: none;
}
</style>