import { jsx as _jsx } from "react/jsx-runtime";
import { forwardRef } from 'react';
import { classNames } from '../utils/classNames';
import { typographyClassnames } from './constants';
import { useTypographyColor } from './hooks';
import { TypographyWrapper } from './styles';
export const Typography = forwardRef(({ children, color, colorIntensity = '800', component, withoutCalt, className, ...props }, ref) => {
    const typographyColor = useTypographyColor({ color, colorIntensity });
    return (_jsx(TypographyWrapper, { ref: ref, ...props, component: component, color: typographyColor, className: classNames(typographyClassnames.root, className, {
            [typographyClassnames.withoutCalt]: withoutCalt,
        }), children: children }));
});
