diff options
Diffstat (limited to 'src/components/molecules/copyright/copyright.stories.tsx')
| -rw-r--r-- | src/components/molecules/copyright/copyright.stories.tsx | 65 | 
1 files changed, 65 insertions, 0 deletions
| diff --git a/src/components/molecules/copyright/copyright.stories.tsx b/src/components/molecules/copyright/copyright.stories.tsx new file mode 100644 index 0000000..58a82e9 --- /dev/null +++ b/src/components/molecules/copyright/copyright.stories.tsx @@ -0,0 +1,65 @@ +import type { ComponentMeta, ComponentStory } from '@storybook/react'; +import { Copyright } from './copyright'; + +/** + * Copyright - Storybook Meta + */ +export default { +  title: 'Molecules/Copyright', +  component: Copyright, +  argTypes: { +    from: { +      control: { +        type: 'text', +      }, +      description: 'The copyright start date.', +      type: { +        name: 'string', +        required: true, +      }, +    }, +    owner: { +      control: { +        type: 'text', +      }, +      description: 'The copyright owner.', +      type: { +        name: 'string', +        required: true, +      }, +    }, +    to: { +      control: { +        type: 'text', +      }, +      description: 'The copyright end date.', +      type: { +        name: 'string', +        required: false, +      }, +    }, +  }, +} as ComponentMeta<typeof Copyright>; + +const Template: ComponentStory<typeof Copyright> = (args) => ( +  <Copyright {...args} /> +); + +/** + * Copyright Stories - Default + */ +export const Default = Template.bind({}); +Default.args = { +  from: '2012', +  owner: 'Your brand', +}; + +/** + * Copyright Stories - WithEndYear + */ +export const WithEndYear = Template.bind({}); +WithEndYear.args = { +  from: '2012', +  owner: 'Your brand', +  to: '2023', +}; | 
