import { j as jsxRuntimeExports } from "./jsx-runtime.CXYVdt5g.js";
import { b as useBrickStyle } from "./use-section-style.D8_SY6rK.js";
import { bQ as manifest } from "./use-editor.CurXdZnZ.js";
import "@sinclair/typebox";
import "lodash-es";
import { T as TextContent } from "./TextContent.V3HF5Ue-.js";
import { a as tx } from "./twind.B1qQmF_s.js";
import { B as BrickRoot } from "./BrickRoot.C4Jpjw20.js";
import { u as useBrickProps } from "./use-brick-props.BKk39X7D.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,
      className: tx("flex grow h-full", classes),
      children: /* @__PURE__ */ jsxRuntimeExports.jsx(
        TextContent,
        {
          propPath: "content",
          className: tx("text-pretty grow prose"),
          brickId: brick.id,
          content: props.content,
          rawContent: brick.props.content,
          editable
        }
      )
    }
  );
}
export {
  Text as default
};
//# sourceMappingURL=text.BLwjd5HC.js.map
