import { jsx as _jsx } from "react/jsx-runtime";
import { fn } from '@storybook/test';
import { DrawerActionBar } from './drawer-action-bar.js';
const meta = {
    title: 'Drawers/Base/DrawerActionBar',
    component: DrawerActionBar,
    tags: ['autodocs'],
    parameters: {
        layout: 'centered',
    },
    args: {
        onApprove: fn().mockName('onApprove'),
        approveLabel: 'Approve',
    },
    decorators: [
        (Story) => (_jsx("div", { className: "w-[400px] rounded-md border", children: _jsx(Story, {}) })),
    ],
};
export default meta;
/** Default — approve-only button (no reject input). */
export const Default = {};
/** Two-button bar: Reject + Approve with slide-expand animation on hover. */
export const WithReject = {
    args: {
        onReject: fn().mockName('onReject'),
        approveLabel: 'Approve',
    },
};
/** Processing state — all controls disabled. */
export const Processing = {
    args: {
        onReject: fn().mockName('onReject'),
        approveLabel: 'Approve',
        isProcessing: true,
    },
};
/** Rejecting state — all controls disabled. */
export const Rejecting = {
    args: {
        onReject: fn().mockName('onReject'),
        approveLabel: 'Approve',
        isRejecting: true,
    },
};
/** Custom revision placeholder. */
export const WithRevisionInput = {
    args: {
        onReject: fn().mockName('onReject'),
        approveLabel: 'Approve Plan',
        revisionPlaceholder: 'Ask AI to revise the plan...',
    },
};
/** Long approve label — e.g. "Approve Requirements" from PRD review. */
export const LongApproveLabel = {
    args: {
        onReject: fn().mockName('onReject'),
        approveLabel: 'Approve Requirements',
    },
};
