import { jsx as _jsx } from "react/jsx-runtime";
import { fn } from '@storybook/test';
import { CyclePanel } from './cycle-panel.js';
import { CycleStatus } from '../../../../../../packages/core/src/domain/generated/output.js';
const NOW = new Date();
const mockCycles = [
    {
        id: 'c1',
        projectId: 'proj-1',
        name: 'Sprint 1',
        status: CycleStatus.Completed,
        startDate: new Date('2026-03-01'),
        endDate: new Date('2026-03-14'),
        createdAt: NOW,
        updatedAt: NOW,
    },
    {
        id: 'c2',
        projectId: 'proj-1',
        name: 'Sprint 2',
        status: CycleStatus.Active,
        startDate: new Date('2026-03-15'),
        endDate: new Date('2026-03-28'),
        createdAt: NOW,
        updatedAt: NOW,
    },
    {
        id: 'c3',
        projectId: 'proj-1',
        name: 'Sprint 3',
        status: CycleStatus.Upcoming,
        createdAt: NOW,
        updatedAt: NOW,
    },
];
const meta = {
    title: 'PM/CyclePanel',
    component: CyclePanel,
    parameters: {
        layout: 'padded',
    },
    tags: ['autodocs'],
    args: {
        onCyclesChange: fn(),
    },
    decorators: [
        (Story) => (_jsx("div", { className: "w-full max-w-2xl", children: _jsx(Story, {}) })),
    ],
};
export default meta;
export const Default = {
    args: {
        projectId: 'proj-1',
        cycles: mockCycles,
    },
};
export const SingleActive = {
    args: {
        projectId: 'proj-1',
        cycles: [mockCycles[1]],
    },
};
export const Empty = {
    args: {
        projectId: 'proj-1',
        cycles: [],
    },
};
