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

export default {
    title: 'Molecules/Mapbox',
    component: Mapbox,
};

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

export const Default = Template.bind({});
Default.args = {
    apiKey: 'AIzaSyC5kuJeMLopgjHDqsQPjRZ6Fkg3PFydw9Q',
    coordinates: { lat: 39.9533483, lng: -82.8270003},
    center: { lat: 0, lng: 0},
    zoom: 10,
    isFullWidth: false,
};

export const FullWidth = Template.bind({});
FullWidth.args = {
    apiKey: 'AIzaSyC5kuJeMLopgjHDqsQPjRZ6Fkg3PFydw9Q',
    coordinates: { lat: 40.7128, lng: -74.006 },
    center: { lat: 0, lng: 0},
    zoom: 10,
    isFullWidth: true,
};