(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[17282],{40084:(e,s,n)=>{"use strict";n.d(s,{Z:()=>l,m:()=>o});var r=n(67841),t=n(79477);let o=t.createContext({code:"",lang:""}),l=t.memo(function(e){let{code:s,lang:n,children:t}=e;return(0,r.jsx)(o.Provider,{value:{code:s,lang:n},children:t})})},53153:(e,s,n)=>{"use strict";n.d(s,{Z:()=>c});var r=n(67841),t=n(64833),o=n(45700);let l=(0,t.z)(o.E.div)({name:"Wrapper",class:"wythvuy",propsAsIs:!0}),i=(0,t.z)("span")({name:"Truncate",class:"t16m3o3k",propsAsIs:!1}),c=function(e){let{ref:s,layout:n,children:t,includeTruncate:o=!0,...c}=e;return(0,r.jsx)(l,{ref:s,as:n?void 0:"div",layout:n,...c,children:o?(0,r.jsx)(i,{children:t}):t})};n(78131)},17282:(e,s,n)=>{"use strict";n.r(s),n.d(s,{default:()=>y});var r=n(67841),t=n(64833),o=n(55158),l=n(62867),i=n(40084),c=n(53153);let a=(0,t.z)(o.aU)({name:"ResponsiveToggleButtonGroupControl",class:"ray0b30",propsAsIs:!0}),d=(0,t.z)("div")({name:"Row",class:"r1xmilea",propsAsIs:!1}),p=(0,t.z)("div")({name:"Column",class:"c2tip9q",propsAsIs:!1}),u=(0,t.z)(p)({name:"CodeColumn",class:"cgnjx9w",propsAsIs:!0}),x=(0,t.z)(p)({name:"DemoColumn",class:"d1iw6ryr",propsAsIs:!0}),m=(0,t.z)(l.Z)({name:"Container",class:"c1oa8tf1",propsAsIs:!0}),h=(0,t.z)(c.Z)({name:"BoxElement",class:"bt1ddka",propsAsIs:!0}),y=function(e){let{codeOutput:s}=e;return(0,r.jsx)(o.ZP,{initialValues:{flexDirection:"row"},controlPosition:"top",customGrid:{gridTemplateColumns:"1fr"},outputWrapper:null,controls:[(0,r.jsx)(a,{id:"flexDirection",label:"Flex Direction",options:["row","column","row-reverse","column-reverse"]},"flexDirection")],children:e=>{let{flexDirection:n}=e;return(0,r.jsx)(r.Fragment,{children:(0,r.jsxs)(d,{children:[(0,r.jsx)(u,{children:(0,r.jsx)(i.Z,{lang:"css",code:function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"row";return".container {\n  display: flex;\n  flex-direction: ".concat(e,";\n  justify-content: center;\n  align-items: center;\n  gap: 4px;\n}")}(n),children:s})}),(0,r.jsx)(x,{children:(0,r.jsxs)(m,{style:{width:"100%",minHeight:212,flexDirection:n},children:[(0,r.jsx)(h,{layout:"position",children:"1"}),(0,r.jsx)(h,{style:{zIndex:2},children:"2"}),(0,r.jsx)(h,{layout:"position",children:"3"})]})})]})})}})};n(71405)},78131:e=>{e.exports={wythvuy:"wythvuy",t16m3o3k:"t16m3o3k"}},71405:e=>{e.exports={ray0b30:"ray0b30",r1xmilea:"r1xmilea",c2tip9q:"c2tip9q",cgnjx9w:"cgnjx9w",d1iw6ryr:"d1iw6ryr",c1oa8tf1:"c1oa8tf1",bt1ddka:"bt1ddka"}}}]);
//# sourceMappingURL=17282.17e47b66bce47649.js.map