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

export default {
    title: 'Molecules/SearchBox/SearchBox',
    component: SearchBox,
    tags: ['autodocs'],
    argTypes: {
        searchQuery: { control: 'text', description: 'Search input value' },
    },
};

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

// Ensure that the Default export is initialized AFTER the Template function is declared
export const Default = Template.bind({});
Default.args = {
    searchQuery: '',
};

// Another example story
export const FilledSearch = Template.bind({});
FilledSearch.args = {
    searchQuery: 'Search Term',
};