aboutsummaryrefslogtreecommitdiffstats
path: root/src/components/organisms/widgets/sharing-widget/sharing-widget.stories.tsx
diff options
context:
space:
mode:
authorArmand Philippot <git@armandphilippot.com>2023-12-15 18:35:16 +0100
committerArmand Philippot <git@armandphilippot.com>2023-12-15 18:49:49 +0100
commit0f936ec0e7606cb79434d94096b6e113a7ce78eb (patch)
tree465ec7f66ac9459be6a18ac046e10357814c7b92 /src/components/organisms/widgets/sharing-widget/sharing-widget.stories.tsx
parent4e4d2eb25365be861e19f9756cf334ba2faa6911 (diff)
refactor(stories): migrate stories to CSF3 format
Diffstat (limited to 'src/components/organisms/widgets/sharing-widget/sharing-widget.stories.tsx')
-rw-r--r--src/components/organisms/widgets/sharing-widget/sharing-widget.stories.tsx59
1 files changed, 17 insertions, 42 deletions
diff --git a/src/components/organisms/widgets/sharing-widget/sharing-widget.stories.tsx b/src/components/organisms/widgets/sharing-widget/sharing-widget.stories.tsx
index 3e3cb68..773d251 100644
--- a/src/components/organisms/widgets/sharing-widget/sharing-widget.stories.tsx
+++ b/src/components/organisms/widgets/sharing-widget/sharing-widget.stories.tsx
@@ -1,50 +1,25 @@
-import type { ComponentMeta, ComponentStory } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react';
import { Heading } from '../../../atoms';
import { SharingWidget } from './sharing-widget';
-/**
- * SharingWidget - Storybook Meta
- */
-export default {
- title: 'Organisms/Widgets/Sharing',
+const meta = {
component: SharingWidget,
- argTypes: {
- data: {
- description: 'The page data.',
- type: {
- name: 'object',
- required: true,
- value: {},
- },
- },
- media: {
- control: {
- type: null,
- },
- description: 'An array of active and ordered sharing medium.',
- type: {
- name: 'string',
- required: true,
- },
- },
- },
-} as ComponentMeta<typeof SharingWidget>;
+ title: 'Organisms/Widgets/Sharing',
+} satisfies Meta<typeof SharingWidget>;
+
+export default meta;
-const Template: ComponentStory<typeof SharingWidget> = (args) => (
- <SharingWidget {...args} />
-);
+type Story = StoryObj<typeof meta>;
-/**
- * SharingWidget Stories - Sharing
- */
-export const Sharing = Template.bind({});
-Sharing.args = {
- data: {
- excerpt:
- 'Alias similique eius ducimus laudantium aspernatur. Est rem ut eum temporibus sit reprehenderit aut non molestias. Vel dolorem expedita labore quo inventore aliquid nihil nam. Possimus nobis enim quas corporis eos.',
- title: 'Accusantium totam nostrum',
- url: 'https://www.example.test',
+export const Sharing: Story = {
+ args: {
+ data: {
+ excerpt:
+ 'Alias similique eius ducimus laudantium aspernatur. Est rem ut eum temporibus sit reprehenderit aut non molestias. Vel dolorem expedita labore quo inventore aliquid nihil nam. Possimus nobis enim quas corporis eos.',
+ title: 'Accusantium totam nostrum',
+ url: 'https://www.example.test',
+ },
+ heading: <Heading level={3}>Share</Heading>,
+ media: ['diaspora', 'facebook', 'linkedin', 'twitter', 'email'],
},
- heading: <Heading level={3}>Share</Heading>,
- media: ['diaspora', 'facebook', 'linkedin', 'twitter', 'email'],
};