"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.DeepThinking = void 0;
const jsx_runtime_1 = require("react/jsx-runtime");
// ============================================================================
// Deep Thinking
// ============================================================================
const react_core_1 = require("@patternfly/react-core");
const react_1 = require("react");
const DeepThinking = ({ body, cardProps, expandableSectionProps, subheading, toggleContent, cardBodyProps }) => {
    const [isExpanded, setIsExpanded] = (0, react_1.useState)(true);
    const onToggle = (_event, isExpanded) => {
        setIsExpanded(isExpanded);
    };
    return ((0, jsx_runtime_1.jsx)(react_core_1.Card, Object.assign({ isCompact: true, className: "pf-chatbot__deep-thinking" }, cardProps, { children: (0, jsx_runtime_1.jsx)(react_core_1.CardBody, Object.assign({}, cardBodyProps, { children: (0, jsx_runtime_1.jsx)(react_core_1.ExpandableSection, Object.assign({ toggleContent: toggleContent, onToggle: onToggle, isExpanded: isExpanded, isIndented: true, className: "pf-chatbot__deep-thinking-expandable-section" }, expandableSectionProps, { children: (0, jsx_runtime_1.jsxs)("div", { className: "pf-chatbot__deep-thinking-section", children: [subheading && ((0, jsx_runtime_1.jsx)("div", { className: "pf-chatbot__deep-thinking-subheading", children: (0, jsx_runtime_1.jsx)("span", { children: subheading }) })), body && (0, jsx_runtime_1.jsx)("div", { className: "pf-chatbot__deep-thinking-body", children: body })] }) })) })) })));
};
exports.DeepThinking = DeepThinking;
exports.default = exports.DeepThinking;
