@ozen-ui/kit/__inner__/cjs/components/Title/Title.js

React component library

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.Title = exports.cnTitle = void 0;
var tslib_1 = require("tslib");
require("./modules/TitleTag/TitleTag.css");
var react_1 = tslib_1.__importDefault(require("react"));
var useThemeProps_1 = require("../../hooks/useThemeProps");
var classname_1 = require("../../utils/classname");
var polymorphicComponentWithRef_1 = require("../../utils/polymorphicComponentWithRef");
var components_1 = require("./components");
var constants_1 = require("./constants");
var TitleContext_1 = require("./TitleContext");
exports.cnTitle = (0, classname_1.cn)('Title');
exports.Title = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)(function (inProps, ref) {
    var props = (0, useThemeProps_1.useThemeProps)({
        props: inProps,
        name: 'Title',
    });
    var _a = props.size, size = _a === void 0 ? constants_1.TITLE_DEFAULT_SIZE : _a, classNameProp = props.className, _b = props.as, as = _b === void 0 ? constants_1.TITLE_DEFAULT_TAG : _b, _c = props.variant, variant = _c === void 0 ? constants_1.TITLE_DEFAULT_VARIANT : _c, other = tslib_1.__rest(props, ["size", "className", "as", "variant"]);
    var className = (0, exports.cnTitle)('', [classNameProp]);
    return (react_1.default.createElement(TitleContext_1.TitleContext.Provider, { value: {
            size: size,
            variant: variant,
        } },
        react_1.default.createElement(components_1.TitleVariant, tslib_1.__assign({}, other, { ref: ref, as: as, className: className, size: size, variant: variant }))));
});
exports.Title.displayName = 'Title';