import { jsx } from "react/jsx-runtime";
import useEnhancedTypography, { useTypographyClassName } from "../../../typography";
function Leaf({ leaf, ...props }) {
  const enhancedTypography = useEnhancedTypography(leaf.typography);
  const typographyClassName = useTypographyClassName(enhancedTypography);
  return /* @__PURE__ */ jsx("span", { ...props.attributes, className: typographyClassName, children: props.children });
}
export {
  Leaf
};
//# sourceMappingURL=leaf.js.map