import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
import { SidebarProvider } from '../../ui/sidebar.js';
import { FeatureListItem } from '../../common/feature-list-item/index.js';
import { FeatureStatusGroup } from './feature-status-group.js';
const meta = {
    title: 'Composed/FeatureStatusGroup',
    component: FeatureStatusGroup,
    parameters: {
        layout: 'padded',
    },
    tags: ['autodocs'],
    decorators: [
        (Story) => (_jsx(SidebarProvider, { children: _jsx("div", { className: "w-64", children: _jsx(Story, {}) }) })),
    ],
};
export default meta;
export const InProgress = {
    args: {
        label: 'In Progress',
        count: 2,
        children: (_jsxs(_Fragment, { children: [_jsx(FeatureListItem, { name: "Dashboard", status: "in-progress", startedAt: Date.now() - 330_000 }), _jsx(FeatureListItem, { name: "API Gateway", status: "in-progress", startedAt: Date.now() - 60_000 })] })),
    },
};
export const Done = {
    args: {
        label: 'Done',
        count: 3,
        children: (_jsxs(_Fragment, { children: [_jsx(FeatureListItem, { name: "Settings Page", status: "done", duration: "2h" }), _jsx(FeatureListItem, { name: "User Profile", status: "done", duration: "1h" }), _jsx(FeatureListItem, { name: "Auth Module", status: "done", duration: "30m" })] })),
    },
};
export const Pending = {
    args: {
        label: 'Pending',
        count: 2,
        children: (_jsxs(_Fragment, { children: [_jsx(FeatureListItem, { name: "Dark Mode", status: "pending" }), _jsx(FeatureListItem, { name: "Search Filters", status: "pending" })] })),
    },
};
export const ActionNeeded = {
    args: {
        label: 'Action Needed',
        count: 2,
        children: (_jsxs(_Fragment, { children: [_jsx(FeatureListItem, { name: "Auth Module", status: "action-needed" }), _jsx(FeatureListItem, { name: "Payment Flow", status: "action-needed" })] })),
    },
};
