carbon-react/esm/components/dismissible-box/dismissible-box.component.js

A library of reusable React components for easily building user interfaces.

import{jsxs as e,jsx as t}from"react/jsx-runtime";import"react";import r from"../../hooks/__internal__/useLocale/useLocale.js";import{StyledDismissibleBox as o}from"./dismissible-box.style.js";import n from"../icon-button/icon-button.component.js";import c from"../icon/icon.component.js";import i from"../../__internal__/utils/helpers/tags/tags.js";function s(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function l(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},o=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),o.forEach((function(t){s(e,t,r[t])}))}return e}function a(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}const p=s=>{var{children:p,closeButtonDataProps:u,onClose:b,borderRadius:f="borderRadius100"}=s,m=function(e,t){if(null==e)return{};var r,o,n=function(e,t){if(null==e)return{};var r,o,n={},c=Object.keys(e);for(o=0;o<c.length;o++)r=c[o],t.indexOf(r)>=0||(n[r]=e[r]);return n}(e,t);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(e);for(o=0;o<c.length;o++)r=c[o],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}(s,["children","closeButtonDataProps","onClose","borderRadius"]);const O=r();return e(o,a(l({p:"20px 24px 20px 20px",borderRadius:f},m,i("dismissible-box",m)),{children:[p,t("span",{"data-element":"close-button-wrapper",children:t(n,a(l({onClick:b,"aria-label":O.dismissibleBox.ariaLabels.close(),ml:3},i("close-button",l({"data-element":"close-button"},u))),{children:t(c,{type:"close",color:"--colorsActionMinor500"})}))})]}))};export{p as DismissibleBox,p as default};