@dcrackel/meyersquaredui/src/stories/Organisms/Headers/TabHeader/TabHeader.stories.js

This template should help get you started developing with Vue 3 in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.

import TabHeader from './TabHeader.vue';

export default {
    title: 'Organisms/Headers/TabHeader',
    component: TabHeader,
    argTypes: {
        tabs: {
            control: 'array',
            description: 'Array of tab objects with labels.',
        },
        selectedTab: {
            control: 'number',
            description: 'The currently selected tab index.',
        },
    },
};

export const Default = {
args: {
    tabs: [
        {label: 'Fencers'},
        {label: 'Pools'},
        {label: 'Results'},
    ]
    }
};