@dcrackel/meyersquaredui/src/stories/Organisms/ScoreBoardParts/FencerPit/FencerPit.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 FencerPit from './FencerPit.vue';
import getBoutUpdateViaWS from "../../../../mocks/getBoutUpdateViaWS.js";

export default {
    title: 'Organisms/ScoreBoardParts/FencerPit',
    component: FencerPit,
    tags: ['autodocs'],
    args: {
        nextBouts: getBoutUpdateViaWS.FencerPit,
        hostingClubColors: {
            Color1: 'red',
            Color2: 'blue'
        }
    },
    argTypes: {
        fencer1FullName: {
            control: 'text',
        },
        fencer2FullName: {
            control: 'text',
        },
        hostingClubColors: {
            Color1: 'red',
            Color2: 'blue'
        }
    }
};

export const Default = {
    args: {
        nextBouts: getBoutUpdateViaWS.FencerPit,
        hostingClubColors: {
            Color1: 'red',
            Color2: 'blue'
        }
    },
    parameters: {
        backgrounds: {
            default: 'dark'
        }
    }
};

// export const GreenAndOrange = {
//     args: {
//         bout: getPoolsWithBoutsByPoolId[0],
//         hostingClubColors: {
//             Color1: 'red',
//             Color2: 'blue'
//         }
//     },
// };