import { fn } from '@storybook/test';
import { SkillCard } from './skill-card.js';
const meta = {
    title: 'Features/SkillCard',
    component: SkillCard,
    tags: ['autodocs'],
    parameters: {
        layout: 'centered',
    },
    args: {
        onSelect: fn(),
    },
};
export default meta;
/* ---------------------------------------------------------------------------
 * Data fixtures
 * ------------------------------------------------------------------------- */
const baseSkill = {
    name: 'shep-kit:implement',
    displayName: 'implement',
    description: 'Validate specs and autonomously execute implementation tasks with status tracking.',
    category: 'Workflow',
    source: 'project',
    body: '## Usage\n\nRun /shep-kit:implement after planning is complete.',
    resources: [],
};
const skillWithAllBadges = {
    name: 'shep:ui-component',
    displayName: 'ui-component',
    description: 'Use when creating, modifying, or reviewing web UI components. Triggers include "new component", "add component", "create UI".',
    context: 'fork',
    allowedTools: 'Read, Write, Bash, Edit, Glob',
    category: 'Code Generation',
    source: 'project',
    body: '## Overview\n\nScaffolds UI components following the four-tier hierarchy.',
    resources: [
        { name: 'references', fileCount: 7 },
        { name: 'templates', fileCount: 3 },
        { name: 'rules', fileCount: 2 },
    ],
};
const globalSkill = {
    name: 'vercel-react-best-practices',
    displayName: 'vercel-react-best-practices',
    description: 'React and Next.js performance optimization guidelines from Vercel Engineering.',
    category: 'Reference',
    source: 'global',
    body: 'Performance patterns for React and Next.js applications.',
    resources: [{ name: 'references', fileCount: 4 }],
};
const skillWithContext = {
    name: 'architecture-reviewer',
    displayName: 'architecture-reviewer',
    description: 'Use when making architectural decisions, planning features, or reviewing PRs.',
    context: 'fork',
    category: 'Analysis',
    source: 'project',
    body: '',
    resources: [],
};
/* ---------------------------------------------------------------------------
 * Stories
 * ------------------------------------------------------------------------- */
export const Default = {
    args: {
        skill: baseSkill,
    },
};
export const WithContext = {
    args: {
        skill: skillWithContext,
    },
};
export const WithAllBadges = {
    args: {
        skill: skillWithAllBadges,
    },
};
export const ProjectSource = {
    args: {
        skill: baseSkill,
    },
};
export const GlobalSource = {
    args: {
        skill: globalSkill,
    },
};
