import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { useState } from 'react';
import { LaneChooser } from './LaneChooser.js';
import { ContributorLane } from '../../../../../packages/core/src/domain/generated/output.js';
const meta = {
    title: 'Contributors/LaneChooser',
    component: LaneChooser,
    parameters: { layout: 'padded' },
    decorators: [
        (Story) => (_jsx("div", { className: "max-w-md", children: _jsx(Story, {}) })),
    ],
};
export default meta;
export const Default = {
    args: {
        onLaneChange: () => undefined,
    },
};
export const Selected = {
    args: {
        value: ContributorLane.Agents,
        onLaneChange: () => undefined,
    },
};
function InteractiveLaneChooser() {
    const [lane, setLane] = useState(undefined);
    return (_jsxs("div", { className: "flex flex-col gap-3", children: [_jsx(LaneChooser, { value: lane, onLaneChange: setLane }), _jsxs("p", { className: "text-muted-foreground text-sm", children: ["Selected: ", _jsx("code", { children: lane ?? 'none' })] })] }));
}
export const Interactive = {
    render: () => _jsx(InteractiveLaneChooser, {}),
};
