<template>
  <div
    class="w-full h-40px flex items-center justify-end px-2 bg-bg-sidebar box-border border-t-2px border-t-solid border-t-border"
  >
    <IconButton @click="toggleShowEvent">
      <span class="text-10px">事件</span>
    </IconButton>
    <IconButton @click="toggleShowLog">
      <span class="text-10px">日志</span>
    </IconButton>
  </div>
</template>

<script setup lang="ts">
import { IconButton } from '@/components'
import { useAppStore } from '@/store/modules/app'

const appStore = useAppStore()
const toggleShowEvent = () => {
  appStore.showComposite = true
  appStore.compositeTabAcitve = 'event'
}
const toggleShowLog = () => {
  appStore.showComposite = true
  appStore.compositeTabAcitve = 'log'
}
</script>

<style scoped></style>
