(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[11095],{99800:(e,s,n)=>{"use strict";n.d(s,{A:()=>l,M:()=>o});var r=n(87687),t=n(52751);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})})},93998:(e,s,n)=>{"use strict";n.d(s,{A:()=>c});var r=n(87687),t=n(31928),o=n(59341);let l=(0,t.I)(o.P.div)({name:"Wrapper",class:"wythvuy",propsAsIs:!0}),i=(0,t.I)("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(54636)},27492:(e,s,n)=>{"use strict";n.r(s),n.d(s,{default:()=>y});var r=n(87687),t=n(31928),o=n(20120),l=n(71597),i=n(99800),c=n(93998);let a=(0,t.I)(o.Cd)({name:"ResponsiveToggleButtonGroupControl",class:"ray0b30",propsAsIs:!0}),d=(0,t.I)("div")({name:"Row",class:"r1xmilea",propsAsIs:!1}),p=(0,t.I)("div")({name:"Column",class:"c2tip9q",propsAsIs:!1}),u=(0,t.I)(p)({name:"CodeColumn",class:"cgnjx9w",propsAsIs:!0}),x=(0,t.I)(p)({name:"DemoColumn",class:"d1iw6ryr",propsAsIs:!0}),m=(0,t.I)(l.A)({name:"Container",class:"c1oa8tf1",propsAsIs:!0}),h=(0,t.I)(c.A)({name:"BoxElement",class:"bt1ddka",propsAsIs:!0}),y=function(e){let{codeOutput:s}=e;return(0,r.jsx)(o.Ay,{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.A,{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(51388)},54636:e=>{e.exports={wythvuy:"wythvuy",t16m3o3k:"t16m3o3k"}},51388:e=>{e.exports={ray0b30:"ray0b30",r1xmilea:"r1xmilea",c2tip9q:"c2tip9q",cgnjx9w:"cgnjx9w",d1iw6ryr:"d1iw6ryr",c1oa8tf1:"c1oa8tf1",bt1ddka:"bt1ddka"}}}]);
//# sourceMappingURL=11095.9e4762e782f533ed.js.map