/* @oracle/oraclejet-preact: undefined */
import { jsx } from 'preact/jsx-runtime';
import { c as classNames } from './classNames-4e12b00d.js';
import { m as mergeInterpolations } from './mergeInterpolations-e2db2a66.js';
import { multiVariantStyles, styles } from './UNSAFE_Text/themes/TextStyles.css.js';
import { g as getClientHints } from './clientHints-f850225e.js';

const interpolations = [
    ({ lineClamp }) => !lineClamp ? {} : { class: styles.lineClamp, webkitLineClamp: lineClamp }
];
const styleInterpolations = mergeInterpolations(interpolations);
/**
 * Text shows written or printed work.
 */
function Text({ children, hyphens, size, truncation, variant = 'inherit', weight, overflowWrap = 'anywhere', ...props }) {
    const clientHints = getClientHints();
    const variantClasses = multiVariantStyles({
        hyphens,
        size,
        truncation,
        variant,
        weight,
        overflowWrap,
        safariStyles: clientHints.browser === 'safari' ? 'needs' : 'noNeed'
    });
    const { class: interpolatedClasses, ...styles } = styleInterpolations(props);
    const classes = classNames([variantClasses, interpolatedClasses]);
    return (jsx("span", { class: classes, style: styles, id: props.id, children: children }));
}

export { Text as T };
//# sourceMappingURL=Text-f8d4ff78.js.map
