import { jsx as _jsx } from "react/jsx-runtime";
import { SidebarProvider, SidebarMenu } from '../../ui/sidebar.js';
import { FeatureListItem } from './feature-list-item.js';
const meta = {
    title: 'Composed/FeatureListItem',
    component: FeatureListItem,
    parameters: {
        layout: 'padded',
    },
    tags: ['autodocs'],
    decorators: [
        (Story) => (_jsx(SidebarProvider, { children: _jsx(SidebarMenu, { children: _jsx(Story, {}) }) })),
    ],
};
export default meta;
export const ActionNeeded = {
    args: {
        name: 'Auth Module',
        status: 'action-needed',
        agentType: 'claude-code',
        modelId: 'claude-sonnet-4-6',
    },
};
export const InProgress = {
    args: {
        name: 'Payment Integration',
        status: 'in-progress',
        startedAt: Date.now() - 330_000,
        agentType: 'cursor',
        modelId: 'claude-opus-4-6',
    },
};
export const Done = {
    args: {
        name: 'User Dashboard',
        status: 'done',
        duration: '2h',
        agentType: 'gemini-cli',
        modelId: 'gemini-2.5-pro',
    },
};
export const Pending = {
    args: {
        name: 'Dark Mode Toggle',
        status: 'pending',
        agentType: 'claude-code',
        modelId: 'claude-sonnet-4-6',
    },
};
export const Blocked = {
    args: {
        name: 'Dependency Resolver',
        status: 'blocked',
        agentType: 'claude-code',
        modelId: 'claude-sonnet-4-6',
    },
};
export const Error = {
    args: {
        name: 'Broken Pipeline',
        status: 'error',
        agentType: 'cursor',
        modelId: 'claude-opus-4-6',
    },
};
export const WithClickHandler = {
    args: {
        name: 'API Gateway',
        status: 'action-needed',
        agentType: 'dev',
        modelId: 'gpt-8',
        onClick: () => alert('Clicked!'),
    },
};
export const WithoutAgent = {
    args: {
        name: 'Legacy Feature',
        status: 'in-progress',
        startedAt: Date.now() - 60_000,
    },
};
