import { jsx as r, jsxs as e } from "react/jsx-runtime";
import "react";
import "./index.D1n9HtNk.js";
import i from "./ChatMarkdown.BPgvgLix.js";
import { p as n } from "./text.C0pIfwOf.js";
function c({ part: t }) {
  return /* @__PURE__ */ r("div", { className: "flex items-center gap-1.5", children: /* @__PURE__ */ e("details", { children: [
    /* @__PURE__ */ e("summary", { className: "cursor-pointer list-none flex gap-1 items-center", children: [
      /* @__PURE__ */ e(
        "svg",
        {
          className: "-rotate-90 transform opacity-60 transition-all duration-300",
          fill: "none",
          height: "14",
          width: "14",
          stroke: "currentColor",
          strokeLinecap: "round",
          strokeLinejoin: "round",
          strokeWidth: "2",
          viewBox: "0 0 24 24",
          children: [
            /* @__PURE__ */ r("title", { children: "Arrow" }),
            /* @__PURE__ */ r("polyline", { points: "6 9 12 15 18 9" })
          ]
        }
      ),
      /* @__PURE__ */ r("span", { className: "text-xs font-normal", children: "Thinking..." })
    ] }),
    /* @__PURE__ */ r(n, { as: "div", size: "2", className: "text-gray-500 mt-2 ml-2 border-l-2 border-gray-300 pl-3", children: /* @__PURE__ */ r(i, { content: t.text }) })
  ] }) });
}
export {
  c as default
};
