@ozen-ui/kit/__inner__/esm/components/Header/modules/HeaderContent/HeaderContent.js

React component library

import { __assign, __rest } from "tslib";
import React from 'react';
import { useThemeProps } from '../../../../hooks/useThemeProps';
import { cn, polymorphicComponentWithRef } from '../../../../utils';
import { HEADER_CONTENT_DEFAULT_TAG } from './constants';
export var cnHeaderContent = cn('HeaderContent');
export var HeaderContent = polymorphicComponentWithRef(function (inProps, ref) {
    var props = useThemeProps({
        props: inProps,
        name: 'HeaderContent',
    });
    var _a = props.as, Tag = _a === void 0 ? HEADER_CONTENT_DEFAULT_TAG : _a, className = props.className, before = props.before, children = props.children, other = __rest(props, ["as", "className", "before", "children"]);
    return (React.createElement(Tag, __assign({}, other, { className: cnHeaderContent('', [className]), ref: ref }),
        React.createElement("div", { className: cnHeaderContent('Before') }, before),
        React.createElement("div", { className: cnHeaderContent('Content') }, children)));
});
HeaderContent.displayName = 'HeaderContent';