monday-ui-react-core/dist/esm/src/components/Badge/Badge.js

Official monday.com UI resources for application development in React.js

import{__rest as e}from"../../../_virtual/_tslib.js";import t,{forwardRef as s,useRef as r}from"react";import o from"classnames";import{camelCase as a}from"lodash-es";import m from"../../hooks/useMergeRef.js";import{getTestId as i}from"../../tests/testIds.js";import{ComponentDefaultTestId as n}from"../../tests/constants.js";import{BadgeType as l,BadgeAlignments as c,BadgeAnchor as d}from"./BadgeConstants.js";import p from"./Indicator/Indicator.js";import f from"../Counter/Counter.js";import{getStyle as I}from"../../helpers/typesciptCssModulesHelper.js";import N from"./Badge.module.scss.js";var g=s((function(s,c){var d=s.type,j=void 0===d?g.types.INDICATOR:d,u=s.anchor,C=void 0===u?g.anchors.TOP_END:u,E=s.alignment,h=void 0===E?g.alignments.RECTANGULAR:E,O=s.className,T=s.id,v=s["data-testid"],A=s.children,R=e(s,["type","anchor","alignment","className","id","data-testid","children"]),b=r(null),y=m(c,b),D=o(N.badge,I(N,a(C)),I(N,h)),B=R.color||j===l.INDICATOR?p.colors.NOTIFICATION:f.colors.NEGATIVE;return t.createElement("div",{ref:y,className:o(N.badgeWrapper,O),id:T},A,t.createElement("div",{className:D,"data-testid":v||i(n.BADGE,T)},j===l.INDICATOR?t.createElement(p,Object.assign({color:B},R)):j===l.COUNTER&&t.createElement(f,Object.assign({color:B},R))))}));g.types=l,g.alignments=c,g.anchors=d;export{g as default};
//# sourceMappingURL=Badge.js.map