"use client";
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { memo } from "react";
/**
 * Docs tab — YAML examples and documentation link for the selected task kind.
 *
 * Shows YAML usage examples from the task kind registry and a link to the
 * full documentation page when available.
 *
 * @since T10 (Inspector Panel Refactor)
 */
export const DocsTab = memo(function DocsTab({ descriptor }) {
    const hasExamples = descriptor.yamlExamples && descriptor.yamlExamples.length > 0;
    const hasDocsUrl = !!descriptor.documentationUrl;
    return (_jsxs("div", { className: "flex flex-col gap-4 px-3 py-3", children: [descriptor.description && (_jsxs("section", { className: "flex flex-col gap-1", children: [_jsx("h4", { className: "text-[11px] font-semibold uppercase tracking-wide text-[var(--stgm-muted-foreground,#737373)]", children: "Description" }), _jsx("p", { className: "text-xs leading-relaxed text-[var(--stgm-foreground,#1a1a2e)]", children: descriptor.description })] })), hasExamples && (_jsxs("section", { className: "flex flex-col gap-2", children: [_jsx("h4", { className: "text-[11px] font-semibold uppercase tracking-wide text-[var(--stgm-muted-foreground,#737373)]", children: "YAML examples" }), descriptor.yamlExamples.map((example, i) => (_jsx("pre", { className: "overflow-x-auto rounded-md border border-[var(--stgm-border,#e5e5e5)] bg-[var(--stgm-muted,#f5f5f5)] p-2 text-[11px] leading-relaxed text-[var(--stgm-foreground,#1a1a2e)]", children: _jsx("code", { children: example }) }, i)))] })), hasDocsUrl && (_jsxs("section", { className: "flex flex-col gap-1", children: [_jsx("h4", { className: "text-[11px] font-semibold uppercase tracking-wide text-[var(--stgm-muted-foreground,#737373)]", children: "Documentation" }), _jsx("a", { href: descriptor.documentationUrl, target: "_blank", rel: "noopener noreferrer", className: "text-xs font-medium text-[var(--stgm-primary,#6366f1)] hover:underline", children: "View full documentation \u2192" })] })), !hasExamples && !hasDocsUrl && !descriptor.description && (_jsx("p", { className: "text-xs text-[var(--stgm-muted-foreground,#737373)]", children: "No documentation available for this task kind." }))] }));
});
//# sourceMappingURL=DocsTab.js.map