@dcrackel/meyersquaredui/src/stories/Organisms/Grids/GridLivePool/GridLivePool.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 GridLivePool from './GridLivePool.vue';
import BoutCard from '../../Cards/BoutCard/BoutCard.vue';
import getPoolsWithBoutsByPoolId from "../../../../mocks/getPoolsWithBoutsByPoolId.js";

export default {
    title: 'Organisms/Grids/GridLivePool',
    component: GridLivePool,
    argTypes: {
        hostingClubColors: { control: 'object' },
        connectedToServer: { control: 'boolean' },
        editMode: { control: 'boolean' },
    },
};

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

export const Default = Template.bind({});
Default.args = {
    bouts: getPoolsWithBoutsByPoolId.pools[0].Bouts,
    eventRules: {
        maxPoints: 15,
        timeLimit: 180,
    },
    hostingClubColors: {
        Color1: 'red',
        Color2: 'blue',
    },
};