import { DeploymentState } from '../../../../../../packages/core/src/domain/generated/output.js';
import { DeploymentStatusBadge } from './deployment-status-badge.js';
const meta = {
    title: 'Common/DeploymentStatusBadge',
    component: DeploymentStatusBadge,
    tags: ['autodocs'],
    parameters: {
        layout: 'centered',
    },
};
export default meta;
/** Booting — blue badge with animated spinner. */
export const Booting = {
    args: { status: DeploymentState.Booting },
};
/** Ready — green badge with clickable URL and external link icon. */
export const Ready = {
    args: { status: DeploymentState.Ready, url: 'http://localhost:3000' },
};
/** Stopped — renders nothing (badge disappears). */
export const Stopped = {
    args: { status: DeploymentState.Stopped },
};
/** No deployment — renders nothing. */
export const NoDeployment = {
    args: { status: null },
};
/** Booting with View Logs button — shows log button next to spinner. */
export const BootingWithLogs = {
    args: { status: DeploymentState.Booting, targetId: 'demo-target' },
};
/** Ready with View Logs button — shows URL and log button. */
export const ReadyWithLogs = {
    args: { status: DeploymentState.Ready, url: 'http://localhost:3000', targetId: 'demo-target' },
};
