src/components/molecules/images/flipping-logo/flipping-logo.stories.tsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34

import type { ComponentMeta, ComponentStory } from '@storybook/react';
import NextImage from 'next/image';
import { Logo } from '../../../atoms';
import { FlippingLogo as FlippingLogoComponent } from './flipping-logo';

/**
 * FlippingLogo - Storybook Meta
 */
export default {
  title: 'Molecules/Images/Flipping Logo',
  component: FlippingLogoComponent,
  args: {},
  argTypes: {},
} as ComponentMeta<typeof FlippingLogoComponent>;

const Template: ComponentStory<typeof FlippingLogoComponent> = (args) => (
  <FlippingLogoComponent {...args} />
);

/**
 * FlippingLogo Story
 */
export const FlippingLogo = Template.bind({});
FlippingLogo.args = {
  back: <Logo heading="A logo example" />,
  front: (
    <NextImage
      alt="A photo example"
      height={200}
      src="https://picsum.photos/200"
      width={200}
    />
  ),
};