'use client';
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
export function RequestOverview({ request }) {
    return /*#__PURE__*/ _jsxs("section", {
        children: [
            /*#__PURE__*/ _jsx("h2", {
                className: "text-2xl font-semibold mb-4",
                children: "Overview"
            }),
            /*#__PURE__*/ _jsxs("div", {
                className: "bg-muted/50 rounded-sm p-6 space-y-4",
                children: [
                    /*#__PURE__*/ _jsxs("div", {
                        children: [
                            /*#__PURE__*/ _jsx("span", {
                                className: "text-sm font-medium text-muted-foreground",
                                children: "Method"
                            }),
                            /*#__PURE__*/ _jsx("p", {
                                className: "mt-1 font-mono",
                                children: request.method
                            })
                        ]
                    }),
                    /*#__PURE__*/ _jsxs("div", {
                        children: [
                            /*#__PURE__*/ _jsx("span", {
                                className: "text-sm font-medium text-muted-foreground",
                                children: "Endpoint"
                            }),
                            /*#__PURE__*/ _jsx("p", {
                                className: "mt-1 font-mono break-all",
                                children: request.endpoint
                            })
                        ]
                    }),
                    request.tags && request.tags.length > 0 && /*#__PURE__*/ _jsxs("div", {
                        children: [
                            /*#__PURE__*/ _jsx("span", {
                                className: "text-sm font-medium text-muted-foreground",
                                children: "Tags"
                            }),
                            /*#__PURE__*/ _jsx("div", {
                                className: "mt-1 flex flex-wrap gap-2",
                                children: request.tags.map((tag)=>/*#__PURE__*/ _jsx("span", {
                                        className: "px-2 py-1 bg-primary/10 text-primary rounded text-sm",
                                        children: tag
                                    }, tag))
                            })
                        ]
                    })
                ]
            })
        ]
    });
}
