@ozen-ui/kit

Version:
React component library
21 lines (20 loc) • 1.31 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.HeaderContent = exports.cnHeaderContent = void 0;
var tslib_1 = require("tslib");
var react_1 = tslib_1.__importDefault(require("react"));
var useThemeProps_1 = require("../../../../hooks/useThemeProps");
var utils_1 = require("../../../../utils");
var constants_1 = require("./constants");
exports.cnHeaderContent = (0, utils_1.cn)('HeaderContent');
exports.HeaderContent = (0, utils_1.polymorphicComponentWithRef)(function (inProps, ref) {
    var props = (0, useThemeProps_1.useThemeProps)({
        props: inProps,
        name: 'HeaderContent',
    });
    var _a = props.as, Tag = _a === void 0 ? constants_1.HEADER_CONTENT_DEFAULT_TAG : _a, className = props.className, before = props.before, children = props.children, other = tslib_1.__rest(props, ["as", "className", "before", "children"]);
    return (react_1.default.createElement(Tag, tslib_1.__assign({}, other, { className: (0, exports.cnHeaderContent)('', [className]), ref: ref }),
        react_1.default.createElement("div", { className: (0, exports.cnHeaderContent)('Before') }, before),
        react_1.default.createElement("div", { className: (0, exports.cnHeaderContent)('Content') }, children)));
});
exports.HeaderContent.displayName = 'HeaderContent';