@dcrackel/meyersquaredui/src/stories/Organisms/Headers/ClubHeader/ClubHeader.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 ClubHeader from './ClubHeader.vue';

export default {
    title: 'Organisms/Headers/ClubHeader',
    component: ClubHeader
};

const Template = (args) => ({
    components: { ClubHeader },
    setup() {
        return { args };
    },
    template: '<ClubHeader v-bind="args" />',
});

export const Default = Template.bind({});
Default.args = {
    searchQuery: '',
    selectedDistance: 'Any Distance',
    selectedWeapon: 'Longsword',
};