{"version":3,"file":"Cq_XNwYN.js","sources":["../../../../components/Tabs.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { PropType } from 'vue';\n\nconst props = defineProps({\n  tabs: Array as PropType<{ id: string; title: string; count?: number }[]>,\n  modelValue: String as PropType<string>,\n});\nconst { tabs, modelValue } = toRefs(props);\nconst emit = defineEmits(['update:modelValue']);\n</script>\n<template>\n  <div class=\"flex justify-between space-x-4 border-b border-neutral-200 dark:border-neutral-700\">\n    <div class=\"flex\">\n      <div\n        v-for=\"tab in tabs\"\n        :key=\"tab.id\"\n        :class=\"[\n          modelValue === tab.id\n            ? 'border-black text-black dark:border-white dark:text-white'\n            : 'border-transparent text-neutral-500 hover:border-neutral-300 hover:text-neutral-700 dark:border-neutral-600 dark:text-neutral-200',\n          'flex cursor-pointer whitespace-nowrap border-b-2 px-3 py-4 text-lg font-bold',\n        ]\"\n        @click=\"emit('update:modelValue', tab.id)\"\n      >\n        {{ $t(tab.title) }}\n        <span v-if=\"tab.count !== undefined\" class=\"inline-block pl-2.5 font-medium\">{{ tab.count }}</span>\n      </div>\n    </div>\n    <div>\n      <slot></slot>\n    </div>\n  </div>\n</template>\n"],"names":["props","__props","tabs","modelValue","toRefs","emit","__emit"],"mappings":"mZAGA,MAAMA,EAAQC,EAIR,CAAE,KAAAC,EAAM,WAAAC,CAAW,EAAIC,EAAOJ,CAAK,EACnCK,EAAOC"}