import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { Plus, FolderPlus } from 'lucide-react';
import { FloatingActionButton } from './floating-action-button.js';
const defaultActions = [
    {
        id: 'new-feature',
        label: 'Feature',
        icon: _jsx(Plus, { className: "h-5 w-5" }),
        onClick: () => undefined,
    },
    {
        id: 'add-repository',
        label: 'Repository',
        icon: _jsx(FolderPlus, { className: "h-5 w-5" }),
        onClick: () => undefined,
    },
];
const meta = {
    title: 'Composed/FloatingActionButton',
    component: FloatingActionButton,
    parameters: {
        layout: 'fullscreen',
    },
    tags: ['autodocs'],
    decorators: [
        (Story) => (_jsxs("div", { style: { height: '500px', position: 'relative', background: 'var(--background)' }, children: [_jsx("div", { style: { padding: '2rem', opacity: 0.5 }, children: _jsx("p", { children: "Canvas content behind the FAB. Click the + button to see the expanding menu." }) }), _jsx(Story, {})] })),
    ],
};
export default meta;
export const Default = {
    args: {
        actions: defaultActions,
    },
};
export const WithLoadingAction = {
    args: {
        actions: [
            defaultActions[0],
            {
                ...defaultActions[1],
                loading: true,
            },
        ],
    },
};
export const SingleAction = {
    args: {
        actions: [defaultActions[0]],
    },
};
export const ThreeActions = {
    args: {
        actions: [
            ...defaultActions,
            {
                id: 'import',
                label: 'Import Project',
                icon: _jsx(Plus, { className: "h-5 w-5" }),
                onClick: () => undefined,
            },
        ],
    },
};
