import React, { forwardRef } from "react";
import { applySpacing } from "../../../mixins/applySpacing";
import { classes } from "../tokens";
import { cx } from "../../../utils";
export const typographyOldRoot = (Root)=>/*#__PURE__*/ forwardRef((props, ref)=>{
        const { size, children, breakWord, noWrap, color, className, style, ...rest } = props;
        return /*#__PURE__*/ React.createElement(Root, {
            size: size,
            ref: ref,
            className: cx(noWrap && classes.typoWithNoWrap, breakWord && classes.typoWithBreakWord, className),
            style: {
                color,
                ...style,
                ...applySpacing(rest)
            },
            ...rest
        }, children);
    });
