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

React component library

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.FormTitle = exports.cnFormTitle = void 0;
var tslib_1 = require("tslib");
require("./FormTitle.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 constants_1 = require("./constants");
exports.cnFormTitle = (0, classname_1.cn)('FormTitle');
exports.FormTitle = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)(function (inProps, ref) {
    var props = (0, useThemeProps_1.useThemeProps)({
        props: inProps,
        name: 'FormTitle',
    });
    var _a = props.size, size = _a === void 0 ? constants_1.FORM_TITLE_DEFAULT_SIZE : _a, className = props.className, children = props.children, other = tslib_1.__rest(props, ["size", "className", "children"]);
    return (react_1.default.createElement("div", tslib_1.__assign({ className: (0, exports.cnFormTitle)({ size: size }, [className]) }, other, { ref: ref }), children));
});
exports.FormTitle.displayName = 'FormTitle';