"use client";
import { j as s } from "./index.esm38.js";
import m from "./index.esm40.js";
import o from "./index.esm68.js";
import { Root as l } from "./index.esm8.js";
import { QuoteIcon as p } from "./index.esm69.js";
import { Typography as e } from "./index.esm9.js";
const u = ({
  author: t,
  cite: a,
  className: r,
  testId: n,
  children: i,
  ...c
}) => /* @__PURE__ */ s.jsxs(
  l,
  {
    as: "blockquote",
    cite: a,
    className: m(o.quote, r),
    testId: n,
    ...c,
    children: [
      /* @__PURE__ */ s.jsxs("div", { className: o.titleBar, children: [
        /* @__PURE__ */ s.jsx(p, { size: 18, className: o.quoteSign }),
        t != null && /* @__PURE__ */ s.jsxs(e, { variant: "caption", as: "span", className: o.author, children: [
          "— ",
          t
        ] })
      ] }),
      /* @__PURE__ */ s.jsx("div", { className: o.content, children: /* @__PURE__ */ s.jsx(e, { variant: "body", as: "p", color: "secondary", font: "content", className: o.text, children: i }) })
    ]
  }
);
u.displayName = "Quote";
export {
  u as Quote
};
//# sourceMappingURL=index.esm23.js.map
