1

src/stories/danma..stories.tsx

+import React from 'react';
+import { TestSpan } from "../components/testSpan/testSpan";
+export default {
+  component: TestSpan,
+  title: 'Components/TestSpan',
+};
+
+//👇 We create a “template” of how args map to rendering
+const Template = (args) => <TestSpan {...args} />;
+
+//👇 Each story then reuses that template
+export const Primary = Template.bind({});
+
+Primary.args = {
+  primary: false,
+  label: 'TestSpan31',
+};
+export const Default = Template.bind({});
+
+Default.args = {
+  primary: false,
+  label: 'TestSpan-Default2',
+};
\ No newline at end of file