@dcrackel/meyersquaredui/src/stories/Molecules/ScoreBoardSections/FencerName/FencerName.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 FencerName from './FencerName.vue';

export default {
    title: 'Molecules/ScoreBoardSections/FencerName',
    component: FencerName,
    tags: ['autodocs'],
    args: {
        fullName: 'Dave Smith',
        assignedColor: 'blue',
    },
    argTypes: {
        fullName: {
            control: 'text',
        },
        assignedColor: {
            control: 'color',
        },
    },
};

export const Default = {
    args: {
        fullName: 'Dave Smith',
        assignedColor: 'blue',
    },
};

export const RedBackground = {
    args: {
        fullName: 'Melissa Jones',
        assignedColor: 'red',
    },
};

export const GreenBackground = {
    args: {
        fullName: 'Sarah Connor',
        assignedColor: 'green',
    },
};