<script setup lang="ts">
import { ref } from 'vue'
import CCTab from '../CCTab.vue'

const value = ref(0)
const strArr = ['item1', 'item2']
// const iconSetArr = [{ name: 'home', type: 'outlined' }, { name: 'settings', type: 'outlined' }]
const colorArr = ['#FFF000', '#FF0000']
</script>

<template>
  <div>
    {{ value }}
    <CCTab
      v-model="value"
      :options="strArr"
      :alertArr="[0, true]"
      :pattern="3"
      isShadow
      isBorder
      :iconSetArr="[{ name: 'home', type: 'outlined' }, { name: 'settings', type: 'outlined' }]"
      :colorArr="colorArr"
    />
  </div>
</template>

<style scoped>
.arrow-bottom {
  transform: rotate(180deg);
}
</style>
