import { j as jsxRuntimeExports } from "../../../../../_virtual/jsx-runtime.js";
import { useBrickStyle } from "../hooks/use-brick-style.js";
import { a as k } from "../../../../sdk/dist/shared/chunk-G5CJU6RD.js";
import "../../../../sdk/dist/shared/chunk-3YVJ2ELD.js";
import "../../../../sdk/dist/shared/chunk-AFVJZPLS.js";
import "@sinclair/typebox";
import "../../../../sdk/dist/shared/chunk-A3GF4PYW.js";
import "../../../../sdk/dist/shared/chunk-W33JMRRN.js";
import TextContent from "../components/TextContent.js";
import { tx as D } from "../../../../style-system/dist/twind.js";
import BrickRoot from "../components/BrickRoot.js";
import { useBrickProps } from "../hooks/use-brick-props.js";
function Text(_props) {
  const { brick, editable } = _props;
  const props = useBrickProps(_props);
  const styles = useBrickStyle(brick);
  const classes = Object.values(styles);
  return /* @__PURE__ */ jsxRuntimeExports.jsx(
    BrickRoot,
    {
      brick,
      editable,
      manifest: k,
      className: D("flex grow h-full", classes),
      children: /* @__PURE__ */ jsxRuntimeExports.jsx(
        TextContent,
        {
          propPath: "content",
          className: D("text-pretty grow prose"),
          brickId: brick.id,
          content: props.content,
          rawContent: brick.props.content,
          editable
        }
      )
    }
  );
}
export {
  Text as default
};
//# sourceMappingURL=text.js.map
