import{h}from"./index-38ad4957.js";import{c as createStyleSheet}from"./JSS-67b5cff8.js";function PortalSectionView(a){var t={LabelContainer:{"margin-bottom":a.labelMargin==="none"?a.labelMargin:"var(--sl-spacing-"+a.labelMargin+")"},SectionContainer:{textAlign:a.textAlign||"left",padding:a.padding==="none"?"0":"var(--sl-spacing-"+a.padding+")"}};var e=createStyleSheet(t);var n=e.toString();return h("div",{class:e.classes.SectionContainer,part:"sqm-base"},h("style",{type:"text/css"},n),h("div",{class:e.classes.LabelContainer,part:"sqm-label"},a.label),a.content)}function PortalContainerView(a,t){var e={Container:{boxSizing:"border-box",display:a.display||"grid",flexWrap:a.flexWrap||"wrap","grid-template-columns":a.direction==="row"?"repeat(auto-fill, minmax("+a.minWidth+", auto))":"100%","grid-gap":"var(--sl-spacing-"+a.gap+")",padding:a.padding==="none"?"0":"var(--sl-spacing-"+a.padding+")",maxWidth:a.maxWidth,margin:a.center&&"auto",justifyContent:a.justifyContent,backgroundColor:a.backgroundColor||"var(--sqm-portal-background)"}};var n="\n  :host{\n    width: 100%;\n    display: block;\n  }";var r=createStyleSheet(e);var i=r.toString();return h("div",{class:r.classes.Container,part:"sqm-base"},h("style",{type:"text/css"},n,i),t)}export{PortalContainerView as P,PortalSectionView as a};