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

export default {
    title: 'Organisms/HeroBanners/Tournaments/TournamentBanner',
    component: TournamentBanner,
    argTypes: {
        imageSrc: { control: 'text' },
        title: { control: 'text' },
        description: { control: 'text' },
        'button-click': { action: 'button-click' }
    },
};

const Template = (args, { argTypes }) => ({
    props: Object.keys(argTypes),
    components: { TournamentBanner },
    template: `<TournamentBanner v-bind="$props"  />`,
});

export const Default = Template.bind({});
Default.args = {
    imageSrc: 'https://meyersquaredimages.com/images/banners/thinbanner02.jpg',
    title: 'Find Tournaments',
    description: 'Find your next HEMA Tournaments near you!',
};