first commit

examples/data-fetching/.blueprints/component/__kebabCase_name__/__kebabCase_name__.component.tsx

@@ -0,0 +1,8 @@
+import React from 'react'
+import styles from './{{ kebabCase name }}.module.css'
+
+export type {{pascalCase name}}Props = {}
+
+export function {{pascalCase name}}(props: {{pascalCase name}}Props) {
+    return <div data-testid="{{ kebabCase name }}" className={styles.container}></div>
+}

examples/data-fetching/.blueprints/component/__kebabCase_name__/__kebabCase_name__.module.css

@@ -0,0 +1,3 @@
+.container {
+
+}

examples/data-fetching/.blueprints/component/__kebabCase_name__/__kebabCase_name__.stories.tsx

@@ -0,0 +1,23 @@
+import type { Meta, StoryObj } from '@storybook/react'
+import { expect } from '@storybook/jest'
+import { within } from '@storybook/testing-library'
+import { {{ pascalCase name }} } from './{{ kebabCase name }}.component'
+
+const meta: Meta<typeof {{ pascalCase name }}> = {
+    title: '{{ pascalCase name }}',
+    component: {{ pascalCase name }},
+    argTypes: {},
+}
+
+export default meta
+type Story = StoryObj<typeof {{ pascalCase name }}>
+
+export const Default: Story = {
+    args: {},
+    async play({ canvasElement }) {
+        const canvas = within(canvasElement)
+        const container = canvas.getByTestId('{{ kebabCase name }}')
+
+        expect(container).toBeTruthy()
+    },
+}

examples/data-fetching/.blueprints/component/__kebabCase_name__/index.ts

@@ -0,0 +1,3 @@
+'use client'
+
+export * from './{{kebabCase name}}.component'