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

// Flatten the bouts array from the mock data:
const flatBouts = getPoolsWithBoutsByPoolId.pools.reduce((all, pool) => {
    return all.concat(pool.Bouts);
}, []);

export default {
    title: 'Templates/PoolResults',
    component: PoolResults,
    argTypes: {
        bouts: { control: 'object' },
        sortOrder: { control: 'text' },
    },
    parameters: {
        backgrounds: {
            default: 'light',
        },
    },
};

export const Default = {
    args: {
        bouts: flatBouts,
        sortOrder: 'Win Percent, Win Count, Indicator, Points Scored'
    },
};


export const Smaller = {
    args: {
        bouts: flatBouts,
        sortOrder: 'Win Percent, Win Count, Indicator, Points Scored'
    },
};