'use client';
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
export function ParametersSection({ params }) {
    return /*#__PURE__*/ _jsxs("section", {
        children: [
            /*#__PURE__*/ _jsx("h2", {
                className: "text-2xl font-semibold mb-4",
                children: "Query Parameters"
            }),
            /*#__PURE__*/ _jsx("div", {
                className: "border rounded-sm overflow-hidden",
                children: /*#__PURE__*/ _jsxs("table", {
                    className: "w-full",
                    children: [
                        /*#__PURE__*/ _jsx("thead", {
                            className: "bg-muted/50",
                            children: /*#__PURE__*/ _jsxs("tr", {
                                children: [
                                    /*#__PURE__*/ _jsx("th", {
                                        className: "px-4 py-3 text-left text-sm font-semibold",
                                        children: "Name"
                                    }),
                                    /*#__PURE__*/ _jsx("th", {
                                        className: "px-4 py-3 text-left text-sm font-semibold",
                                        children: "Description"
                                    }),
                                    /*#__PURE__*/ _jsx("th", {
                                        className: "px-4 py-3 text-left text-sm font-semibold",
                                        children: "Required"
                                    })
                                ]
                            })
                        }),
                        /*#__PURE__*/ _jsx("tbody", {
                            children: params.map((param)=>/*#__PURE__*/ _jsxs("tr", {
                                    className: "border-t",
                                    children: [
                                        /*#__PURE__*/ _jsx("td", {
                                            className: "px-4 py-3 font-mono text-sm",
                                            children: param.key
                                        }),
                                        /*#__PURE__*/ _jsx("td", {
                                            className: "px-4 py-3 text-sm text-muted-foreground",
                                            children: param.description || '-'
                                        }),
                                        /*#__PURE__*/ _jsx("td", {
                                            className: "px-4 py-3 text-sm",
                                            children: param.active ? /*#__PURE__*/ _jsx("span", {
                                                className: "text-green-600",
                                                children: "Required"
                                            }) : /*#__PURE__*/ _jsx("span", {
                                                className: "text-muted-foreground",
                                                children: "Optional"
                                            })
                                        })
                                    ]
                                }, param.key))
                        })
                    ]
                })
            })
        ]
    });
}
