<template>
  <!-- 先不展示 -->
  <div style="display: flex" v-if="false">
    <ToolbarIcon
      :src="window1"
      :active="props.modelValue === ViewType.window1"
      @click="emits('update:modelValue', ViewType.window1)"
    />
    <ToolbarIcon
      :src="window4"
      :active="props.modelValue === ViewType.window4"
      @click="emits('update:modelValue', ViewType.window4)"
    />
  </div>
</template>
<script lang="ts" setup>
  import ToolbarIcon from '../ToolbarIcon/ToolbarIcon.vue';
  import window1 from '@/assets/images/camera/window1.png';
  import window4 from '@/assets/images/camera/window4.png';
  import { ViewType } from './types';

  const props = defineProps<{ modelValue: ViewType }>();

  const emits = defineEmits<{ (e: 'update:modelValue', val: ViewType): unknown }>();
</script>
<style scoped></style>
