carbon-react
Version:
A library of reusable React components for easily building user interfaces.
2 lines (1 loc) • 2.21 kB
JavaScript
;Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react");var r=require("../../hooks/__internal__/useLocale/useLocale.js"),t=require("./dismissible-box.style.js"),o=require("../icon-button/icon-button.component.js"),n=require("../icon/icon.component.js"),s=require("../../__internal__/utils/helpers/tags/tags.js");function i(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function l(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},o=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),o.forEach((function(r){i(e,r,t[r])}))}return e}function c(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})),e}const u=i=>{var{children:u,closeButtonDataProps:a,onClose:b,borderRadius:p="borderRadius100"}=i,f=function(e,r){if(null==e)return{};var t,o,n=function(e,r){if(null==e)return{};var t,o,n={},s=Object.keys(e);for(o=0;o<s.length;o++)t=s[o],r.indexOf(t)>=0||(n[t]=e[t]);return n}(e,r);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(o=0;o<s.length;o++)t=s[o],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}(i,["children","closeButtonDataProps","onClose","borderRadius"]);const d=r.default();return e.jsxs(t.StyledDismissibleBox,c(l({p:"20px 24px 20px 20px",borderRadius:p},f,s.default("dismissible-box",f)),{children:[u,e.jsx("span",{"data-element":"close-button-wrapper",children:e.jsx(o.default,c(l({onClick:b,"aria-label":d.dismissibleBox.ariaLabels.close(),ml:3},s.default("close-button",l({"data-element":"close-button"},a))),{children:e.jsx(n.default,{type:"close",color:"--colorsActionMinor500"})}))})]}))};exports.DismissibleBox=u,exports.default=u;