import{jsx as e,jsxs as l}from"react/jsx-runtime";import{useMemo as a}from"react";import i from"classnames";import{backwardCompatibilityForProperties as s}from"../../helpers/backwardCompatibilityForProperties.js";import r from"./Leg.js";import"./Label.scss.js";var t={FILL:"fill",LINE:"line"},o={PRIMARY:"primary",DARK:"dark",NEGATIVE:"negative",POSITIVE:"positive"},n=function(n){var c=n.kind,m=void 0===c?t.FILL:c,d=n.color,p=void 0===d?o.PRIMARY:d,b=n.text,v=void 0===b?"":b,f=n.isAnimationDisabled,I=void 0!==f&&f,g=n.isLegIncluded,u=void 0!==g&&g,y=s([n.className,n.wrapperClassName]),L=a((function(){return i("l3-style-label","l3-style-label--kind-".concat(m),"l3-style-label--color-".concat(p),{"l3-style-label--with-animation":!I,"l3-style-label--with-leg":u})}),[m,p,I,u]);return e("span",Object.assign({className:y},{children:l("div",Object.assign({className:L},{children:[e("span",{children:v}),e("span",Object.assign({className:"l3-style-label__leg-wrapper"},{children:u?e(r,{}):null}))]}))}))};n.colors=o,n.kinds=t;var c=n;export{c as default};
