@gobvoz/cli-fsd/templates/story-template.js

Utility to create slices in Feature-Sliced Design methodology. Expect, that you have already installed `react`, `typescript`, `@reduxjs/toolkit`, `@reduxjs/toolkit-query`, `i18n` and use `module.scss` structure.

const storyTemplate = (layer, sliceName) => {
  return `import React from 'react';
import { ComponentStory, ComponentMeta } from '@storybook/react';

import { ${sliceName.pascalCase} } from './${sliceName.kebabCase}';

export default {
  title: '${layer}/${sliceName.pascalCase}',
  component: ${sliceName.pascalCase},
  argTypes: {
    backgroundColor: { control: 'color' },
  },
} as ComponentMeta<typeof ${sliceName.pascalCase}>;

const Template: ComponentStory<typeof ${sliceName.pascalCase}> = (args) => <${sliceName.pascalCase} {...args} />;

export const Default = Template.bind({});
Default.args = {

};
`;
};

export default storyTemplate;