import <%= componentName %> from '<%= componentSrc %>';
import StoryWrapper from './config/StoryWrapper';

export default {
    title: '<%= componentPrettyNamePrefix %><%= componentPrettyName %>'
};

// Default State
export const Story<%= componentName %> = () => ({
    components: {
        StoryWrapper,
        <%= componentName %>
    },

    data: function() {
        return {
            title: '<%= componentPrettyName %>',
            data: {
            }
        };
    },

    template: `
        <StoryWrapper :title="title" :container="<%= componentWrapFluid %>">
            <<%= componentName %> :data="data"/>
        </StoryWrapper>
    `
});

Story<%= componentName %>.story = {
    name: 'Default State'
};