55 lines
1.2 KiB
TypeScript
55 lines
1.2 KiB
TypeScript
import type { Meta, StoryObj } from '@storybook/react';
|
|
import { EquipmentCard } from './EquipmentCard';
|
|
import { GearItem } from '../../types';
|
|
|
|
const mockItem: GearItem = {
|
|
id: '1',
|
|
name: 'Prophet-6',
|
|
category: 'Synth',
|
|
brand: 'Sequential',
|
|
model: 'Desktop',
|
|
serialNumber: 'SQ-P6-99281',
|
|
purchaseDate: '2023-01-15',
|
|
purchasePrice: 2499,
|
|
currency: 'USD',
|
|
status: 'Active',
|
|
condition: 'Mint',
|
|
image: 'https://picsum.photos/id/100/400/400',
|
|
};
|
|
|
|
const meta = {
|
|
title: 'Components/Features/Inventory/EquipmentCard',
|
|
component: EquipmentCard,
|
|
tags: ['autodocs'],
|
|
argTypes: {
|
|
onClick: { action: 'clicked' },
|
|
},
|
|
decorators: [
|
|
(Story) => (
|
|
<div className="w-[300px]">
|
|
<Story />
|
|
</div>
|
|
),
|
|
],
|
|
} satisfies Meta<typeof EquipmentCard>;
|
|
|
|
export default meta;
|
|
type Story = StoryObj<typeof meta>;
|
|
|
|
export const Active: Story = {
|
|
args: {
|
|
item: mockItem,
|
|
},
|
|
};
|
|
|
|
export const Maintenance: Story = {
|
|
args: {
|
|
item: { ...mockItem, status: 'Maintenance', condition: 'Fair' },
|
|
},
|
|
};
|
|
|
|
export const Sold: Story = {
|
|
args: {
|
|
item: { ...mockItem, status: 'Sold' },
|
|
},
|
|
};
|