38 lines
929 B
TypeScript
38 lines
929 B
TypeScript
|
import type { Meta, StoryObj } from '@storybook/nextjs-vite'
|
||
|
|
import { ProjectCard } from './ProjectCard'
|
||
|
|
|
||
|
|
const meta: Meta<typeof ProjectCard> = {
|
||
|
|
title: 'Entities/ProjectCard',
|
||
|
|
component: ProjectCard,
|
||
|
|
decorators: [
|
||
|
|
(Story) => (
|
||
|
|
<div className="p-8 bg-white max-w-md">
|
||
|
|
<Story />
|
||
|
|
</div>
|
||
|
|
),
|
||
|
|
],
|
||
|
|
}
|
||
|
|
|
||
|
|
export default meta
|
||
|
|
|
||
|
|
type Story = StoryObj<typeof ProjectCard>
|
||
|
|
|
||
|
|
export const Default: Story = {
|
||
|
|
args: {
|
||
|
|
title: 'Portfolio Website',
|
||
|
|
year: '2024',
|
||
|
|
description: 'A brutalist portfolio site built with Next.js and Tailwind CSS.',
|
||
|
|
tags: ['React', 'TypeScript', 'Next.js'],
|
||
|
|
},
|
||
|
|
}
|
||
|
|
|
||
|
|
export const WithImage: Story = {
|
||
|
|
args: {
|
||
|
|
title: 'Portfolio Website',
|
||
|
|
year: '2024',
|
||
|
|
description: 'A brutalist portfolio site built with Next.js and Tailwind CSS.',
|
||
|
|
tags: ['React', 'TypeScript', 'Next.js'],
|
||
|
|
imageUrl: 'https://placehold.co/800x450/3B4A59/D9B48F?text=Project',
|
||
|
|
},
|
||
|
|
}
|