https://www.builder.io/assets/columns-f8252cd4-AlsH9efs.js

1import{r,k as n}from"./components-tbqp4LHE.js";import{InlinedStyles as C,Blocks as j,mapStyleObjToStrIfNeeded as B,getSizesForBreakpoints as I}from"./blocks-bf8d4f42-Dq9pstYI.js";import{c as A}from"./dynamic-renderer-8b343325-C3f7oKR3.js";import{a as F}from"./get-class-prop-name-7245a80c-DKnMum8z.js";import"./builder-CvCrGSQN.js";import"./render-link-COhm-8b-.js";import"./lib-CNBY53c5.js";import"./errorBoundaries-Cn_iLJG_.js";import"./urls-DKJa5cAz.js";import"./builder-react.es5-EcmpEoh3.js";import"./index-D68R75oZ.js";import"./preload-helper-BXl3LOEh.js";const L=e=>`builder-columns ${e}-breakpoints`;function U(e){var d,m;const[c,N]=r.useState(()=>typeof e.space=="number"?e.space||0:20),[o,T]=r.useState(()=>e.columns||[]),[u,E]=r.useState(()=>e.stackColumnsAt||"tablet");function h(t){return t.link?e.builderLinkComponent||"a":"div"}function y(t){var l;return((l=o[t])==null?void 0:l.width)||100/o.length}function v(t){const l=c*(o.length-1)/o.length;return`calc(${y(t)}% - ${l}px)`}function s({stackedStyle:t,desktopStyle:l}){return u==="tablet"?t:l}function p({stackedStyle:t,desktopStyle:l}){return u==="never"?l:t}const[b,P]=r.useState(()=>e.stackColumnsAt==="never"?"row":e.reverseColumnsWhenStacked?"column-reverse":"column");function S(){return{"--flex-dir":b,"--flex-dir-tablet":s({stackedStyle:b,desktopStyle:"row"})}}function g(t){const l=t===0?0:c,i=v(t),a=`${l}px`,f="100%",x=0;return{display:"flex",flexDirection:"column",alignItems:"stretch",width:i,marginLeft:a,"--column-width-mobile":p({stackedStyle:f,desktopStyle:i}),"--column-margin-left-mobile":p({stackedStyle:x,desktopStyle:a}),"--column-width-tablet":s({stackedStyle:f,desktopStyle:i}),"--column-margin-left-tablet":s({stackedStyle:x,desktopStyle:a})}}function k(t){var l,i;return I(((i=(l=e.builderContext.content)==null?void 0:l.meta)==null?void 0:i.breakpoints)||{})[t].max}function w(){return`
2        @media (max-width: ${k("medium")}px) {
3          .${e.builderBlock.id}-breakpoints {
4            flex-direction: var(--flex-dir-tablet);
5            align-items: stretch;
6          }
7
8          .${e.builderBlock.id}-breakpoints > .builder-column {
9            width: var(--column-width-tablet) !important;
10            margin-left: var(--column-margin-left-tablet) !important;
11          }
12        }
13
14        @media (max-width: ${k("small")}px) {
15          .${e.builderBlock.id}-breakpoints {
16            flex-direction: var(--flex-dir);
17            align-items: stretch;
18          }
19
20          .${e.builderBlock.id}-breakpoints > .builder-column {
21            width: var(--column-width-mobile) !important;
22            margin-left: var(--column-margin-left-mobile) !important;
23          }
24        },
25      `}function $(t,l){return{...t.link?{href:t.link}:{},[F()]:"builder-column",style:B(g(l))}}return n.jsxs(n.Fragment,{children:[n.jsxs("div",{className:L((d=e.builderBlock)==null?void 0:d.id)+" div-bade6b34",style:S(),children:[n.jsx(C,{id:"builderio-columns",styles:w()}),(m=e.columns)==null?void 0:m.map((t,l)=>n.jsx(A,{TagName:h(t),actionAttributes:{},attributes:$(t,l),children:n.jsx(j,{path:`component.options.columns.${l}.blocks`,parent:e.builderBlock.id,styleProp:{flexGrow:"1"},context:e.builderContext,registeredComponents:e.builderComponents,linkComponent:e.builderLinkComponent,blocks:t.blocks})},l))]}),n.jsx("style",{children:`.div-bade6b34 {
26  display: flex;
27  line-height: normal;
28}`})]})}export{U as default};