design-react-kit/dist/Section/Section.cjs

Componenti React per Bootstrap 5

"use strict";var A=Object.create;var i=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var w=Object.getOwnPropertyNames;var N=Object.getPrototypeOf,P=Object.prototype.hasOwnProperty;var O=(e,t)=>{for(var n in t)i(e,n,{get:t[n],enumerable:!0})},f=(e,t,n,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of w(t))!P.call(e,o)&&o!==n&&i(e,o,{get:()=>t[o],enumerable:!(r=h(t,o))||r.enumerable});return e};var p=(e,t,n)=>(n=e!=null?A(N(e)):{},f(t||!e||!e.__esModule?i(n,"default",{value:e,enumerable:!0}):n,e)),R=e=>f(i({},"__esModule",{value:!0}),e);var j={};O(j,{Section:()=>S});module.exports=R(j);var a=p(require("react"),1),s=p(require("classnames"),1);var d=e=>{typeof console<"u"&&(console.error?console.error(e):console.log(e))};var u={},m=(e,t={once:!0})=>{t.once?u[e]||(d(e),u[e]=1):d(e)};var S=({color:e,image:t,testId:n,wrapperClassName:r,className:o,children:y,neutral:c,muted:l,...g})=>{let T=(0,s.default)("section",r===!0?o:r,{[`section-${e}`]:e,"section-image":t});(c||l)&&m(`Please use the prop "color" instead of the "${c?"neutral":"muted"}" for the Section component.`);let k=(0,s.default)({"section-neutral":c,"section-muted":l}),x=(0,s.default)("section-content",o),b={backgroundImageClass:t?{backgroundImage:`url(${t})`}:{}},C=(0,s.default)(T,k);return a.default.createElement("div",{className:C,style:b.backgroundImageClass,"data-testid":n,...g},a.default.createElement("div",{className:x},y))};0&&(module.exports={Section});
//# sourceMappingURL=Section.cjs.map