"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.Typography = void 0;
const jsx_runtime_1 = require("react/jsx-runtime");
const react_1 = require("react");
const classNames_1 = require("../utils/classNames");
const constants_1 = require("./constants");
const hooks_1 = require("./hooks");
const styles_1 = require("./styles");
exports.Typography = (0, react_1.forwardRef)(({ children, color, colorIntensity = '800', component, withoutCalt, className, ...props }, ref) => {
    const typographyColor = (0, hooks_1.useTypographyColor)({ color, colorIntensity });
    return ((0, jsx_runtime_1.jsx)(styles_1.TypographyWrapper, { ref: ref, ...props, component: component, color: typographyColor, className: (0, classNames_1.classNames)(constants_1.typographyClassnames.root, className, {
            [constants_1.typographyClassnames.withoutCalt]: withoutCalt,
        }), children: children }));
});
