monday-ui-react-core
Version:
Official monday.com UI resources for application development in React.js
3 lines (2 loc) • 1.02 kB
JavaScript
import{__rest as r}from"../../../_virtual/_tslib.js";import e,{forwardRef as o}from"react";import t from"classnames";import{camelCase as s}from"lodash-es";import{withStaticProps as a}from"../../types/withStaticProps.js";import{HeadingType as p,HeadingWeight as m}from"./HeadingConstants.js";import i from"../Typography/Typography.js";import{TypographyAlign as l,TypographyColor as n}from"../Typography/TypographyConstants.js";import{getStyle as y}from"../../helpers/typesciptCssModulesHelper.js";import f from"./Heading.module.scss.js";import{TypographyContext as c}from"../Typography/utils/TypographyContext.js";var g=a(o((function(o,a){var l=o.className,n=o.type,g=void 0===n?p.H1:n,h=o.weight,d=void 0===h?m.NORMAL:h,j=r(o,["className","type","weight"]);return e.createElement(c.Provider,{value:{overflowTolerance:4}},e.createElement(i,Object.assign({element:g,ref:a,className:t(f.heading,y(f,s(g+"-"+d)),l)},j)))})),{types:p,weights:m,align:l,colors:n});export{g as default};
//# sourceMappingURL=Heading.js.map