aboutsummaryrefslogtreecommitdiffstats
path: root/src/components/organisms/project-overview/project-overview.stories.tsx
blob: d1697f7c73c96d92c4561805806e86eeecb78b89 (plain)
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
35
36
37
38
39
40
import type { Meta, StoryObj } from '@storybook/react';
import NextImage from 'next/image';
import { type OverviewMeta, ProjectOverview } from './project-overview';

const meta = {
  component: ProjectOverview,
  title: 'Organisms/ProjectOverview',
} satisfies Meta<typeof ProjectOverview>;

export default meta;

type Story = StoryObj<typeof meta>;

const projectMeta = {
  creationDate: '2015-09-02',
  lastUpdateDate: '2023-11-10',
  license: 'MIT',
} satisfies Partial<OverviewMeta>;

export const Example: Story = {
  args: {
    meta: projectMeta,
    name: 'Your project',
  },
};

export const WithCover: Story = {
  args: {
    cover: (
      <NextImage
        alt=""
        height={480}
        src="https://picsum.photos/640/480"
        width={640}
      />
    ),
    meta: projectMeta,
    name: 'Your project',
  },
};