diff options
Diffstat (limited to 'src/components/organisms/images/gallery.stories.tsx')
| -rw-r--r-- | src/components/organisms/images/gallery.stories.tsx | 84 |
1 files changed, 0 insertions, 84 deletions
diff --git a/src/components/organisms/images/gallery.stories.tsx b/src/components/organisms/images/gallery.stories.tsx deleted file mode 100644 index 016b18e..0000000 --- a/src/components/organisms/images/gallery.stories.tsx +++ /dev/null @@ -1,84 +0,0 @@ -import type { ComponentMeta, ComponentStory } from '@storybook/react'; -import NextImage from 'next/image'; -import { Figure } from '../../atoms'; -import { Gallery } from './gallery'; - -/** - * Gallery - Storybook Meta - */ -export default { - title: 'Organisms/Images/Gallery', - component: Gallery, - argTypes: { - children: { - control: { - type: null, - }, - description: 'Two or more images.', - type: { - name: 'function', - required: true, - }, - }, - columns: { - control: { - type: 'number', - min: 2, - max: 4, - }, - description: 'The columns count.', - type: { - name: 'number', - required: true, - }, - }, - }, -} as ComponentMeta<typeof Gallery>; - -const image = { - alt: 'Modi provident omnis', - height: 480, - src: 'https://picsum.photos/640/480', - width: 640, -}; - -const Template: ComponentStory<typeof Gallery> = (args) => ( - <Gallery {...args}> - <Figure> - <NextImage {...image} /> - </Figure> - <Figure> - <NextImage {...image} /> - </Figure> - <Figure> - <NextImage {...image} /> - </Figure> - <Figure> - <NextImage {...image} /> - </Figure> - </Gallery> -); - -/** - * Gallery Stories - Two columns - */ -export const TwoColumns = Template.bind({}); -TwoColumns.args = { - columns: 2, -}; - -/** - * Gallery Stories - Three columns - */ -export const ThreeColumns = Template.bind({}); -ThreeColumns.args = { - columns: 3, -}; - -/** - * Gallery Stories - Four columns - */ -export const FourColumns = Template.bind({}); -FourColumns.args = { - columns: 4, -}; |
