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

export default {
    title: 'Organisms/Grids/GridPool',
    component: PoolGrid,
    tags: ['autodocs'],
    args: {
        bouts: getPoolsWithBoutsByPoolId.pools[0].Bouts
    },
    argTypes: {
        bouts: {
            control: 'object'
        }

    },
    parameters: {
        backgrounds: {
            default: 'dark',
            values: [
                { name: 'dark', value: '#333333' },
            ],
        },
    }
};

export const Default = {
    args: {
        bouts: getPoolsWithBoutsByPoolId.pools[0].Bouts
    }
};


export const EmptyPool = {
    args: {
        bouts: []
    }
};