fix: adjust plop files templates sintaxe

generators/templates/component.tsx.hbs

@@ -1,9 +1,7 @@
-import * as S from './{{pascalCase name}}.styles';
-
 export const {{pascalCase name}} = () => {
   return (
-    <S.Wrapper>
+    <div>
       <h1>{{pascalCase name}}</h1>
-    </S.Wrapper>
+    </div>
   );
 };

generators/templates/stories.tsx.hbs

@@ -1,13 +1,11 @@
-import React from 'react';
-import { Story } from '@storybook/react';
+import { Meta, StoryObj } from '@storybook/react';
 import { {{pascalCase name}} } from './{{pascalCase name}}';
 
-const Template: Story = (args) => <{{pascalCase name}} {...args} />;
-
-export const Default = Template.bind({});
-Default.args = {};
-
 export default {
   title: 'components/{{pascalCase name}}',
   component: {{pascalCase name}},
-};
+} as Meta;
+
+export const Default: StoryObj = {};
+
+

generators/templates/test.ts.hbs

@@ -5,6 +5,6 @@ describe('Testing the {{pascalCase name}} component', () => {
   it('should render correctly', () => {
     render(<{{pascalCase name}} />);
 
-    expect(screen.getByRole('div')).toBeInTheDocument();
+    expect(screen.getByRole('heading', { level: 1 })).toBeInTheDocument();
   });
 });

generators/templates/types.ts.hbs

@@ -1,3 +1 @@
-export type {{pascalCase name}}Props = {
-  sample: string;
-};
+export type {{pascalCase name}}Props = { sample: string; };