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',
},
};
|