'use client';
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { Warning } from '@phosphor-icons/react';
import { cn } from '@/lib/utils';
export function ChangelogEntry({ version, date, children }) {
    return /*#__PURE__*/ _jsxs("div", {
        "data-version": version,
        className: "flex gap-6 lg:gap-10 py-8 border-b border-border last:border-b-0",
        children: [
            /*#__PURE__*/ _jsxs("div", {
                className: "w-24 lg:w-32 shrink-0",
                children: [
                    /*#__PURE__*/ _jsx("span", {
                        className: "inline-block px-2.5 py-1 text-sm font-medium rounded-md bg-amber-100 text-amber-800 dark:bg-amber-900/30 dark:text-amber-400 border border-amber-200 dark:border-amber-800",
                        children: version
                    }),
                    /*#__PURE__*/ _jsx("p", {
                        className: "mt-2 text-sm text-muted-foreground",
                        children: date
                    })
                ]
            }),
            /*#__PURE__*/ _jsx("div", {
                className: "flex-1 min-w-0",
                children: children
            })
        ]
    });
}
export function ChangelogTitle({ children, className }) {
    return /*#__PURE__*/ _jsx("h2", {
        className: cn("text-xl font-semibold text-foreground mb-3", className),
        children: children
    });
}
export function ChangelogDescription({ children }) {
    return /*#__PURE__*/ _jsx("p", {
        className: "text-muted-foreground mb-4",
        children: children
    });
}
export function ChangelogImage({ src, alt = "Screenshot" }) {
    return /*#__PURE__*/ _jsx("div", {
        className: "my-6 rounded-lg border border-border overflow-hidden shadow-sm",
        children: /*#__PURE__*/ _jsx("img", {
            src: src,
            alt: alt,
            className: "w-full"
        })
    });
}
export function BreakingChange({ children }) {
    return /*#__PURE__*/ _jsxs("div", {
        className: "my-6 flex gap-3 p-4 rounded-lg bg-amber-50 dark:bg-amber-950/30 border border-amber-200 dark:border-amber-800",
        children: [
            /*#__PURE__*/ _jsx(Warning, {
                className: "h-5 w-5 text-amber-600 dark:text-amber-500 shrink-0 mt-0.5",
                weight: "fill"
            }),
            /*#__PURE__*/ _jsx("div", {
                className: "text-amber-800 dark:text-amber-200 text-sm",
                children: children
            })
        ]
    });
}
export function MoreUpdates({ children }) {
    return /*#__PURE__*/ _jsxs("div", {
        className: "mt-6",
        children: [
            /*#__PURE__*/ _jsx("h3", {
                className: "text-lg font-semibold text-foreground mb-3",
                children: "More Updates"
            }),
            /*#__PURE__*/ _jsx("ul", {
                className: "space-y-2 text-muted-foreground",
                children: children
            })
        ]
    });
}
export function UpdateItem({ children, type = 'default' }) {
    return /*#__PURE__*/ _jsxs("li", {
        className: "flex items-start gap-2",
        children: [
            /*#__PURE__*/ _jsx("span", {
                className: "mt-2 h-1.5 w-1.5 rounded-full bg-foreground shrink-0"
            }),
            /*#__PURE__*/ _jsxs("span", {
                children: [
                    type === 'behavior' && /*#__PURE__*/ _jsx("strong", {
                        className: "font-semibold text-foreground",
                        children: "Behavior Change "
                    }),
                    children
                ]
            })
        ]
    });
}
