@ozen-ui/kit
Version:
React component library
25 lines (24 loc) • 1.34 kB
JavaScript
import { __assign, __rest } from "tslib";
import './modules/TitleTag/TitleTag.css';
import React from 'react';
import { useThemeProps } from '../../hooks/useThemeProps';
import { cn } from '../../utils/classname';
import { polymorphicComponentWithRef } from '../../utils/polymorphicComponentWithRef';
import { TitleVariant } from './components';
import { TITLE_DEFAULT_SIZE, TITLE_DEFAULT_TAG, TITLE_DEFAULT_VARIANT, } from './constants';
import { TitleContext } from './TitleContext';
export var cnTitle = cn('Title');
export var Title = polymorphicComponentWithRef(function (inProps, ref) {
var props = useThemeProps({
props: inProps,
name: 'Title',
});
var _a = props.size, size = _a === void 0 ? TITLE_DEFAULT_SIZE : _a, classNameProp = props.className, _b = props.as, as = _b === void 0 ? TITLE_DEFAULT_TAG : _b, _c = props.variant, variant = _c === void 0 ? TITLE_DEFAULT_VARIANT : _c, other = __rest(props, ["size", "className", "as", "variant"]);
var className = cnTitle('', [classNameProp]);
return (React.createElement(TitleContext.Provider, { value: {
size: size,
variant: variant,
} },
React.createElement(TitleVariant, __assign({}, other, { ref: ref, as: as, className: className, size: size, variant: variant }))));
});
Title.displayName = 'Title';