var Component=(()=>{var Da=Object.create;var oe=Object.defineProperty;var Ba=Object.getOwnPropertyDescriptor;var Fa=Object.getOwnPropertyNames;var Aa=Object.getPrototypeOf,Wa=Object.prototype.hasOwnProperty;var br=(t,e)=>()=>(t&&(e=t(t=0)),e);var s=(t,e)=>()=>(e||t((e={exports:{}}).exports,e),e.exports),mr=(t,e)=>{for(var n in e)oe(t,n,{get:e[n],enumerable:!0})},fr=(t,e,n,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let l of Fa(e))!Wa.call(t,l)&&l!==n&&oe(t,l,{get:()=>e[l],enumerable:!(i=Ba(e,l))||i.enumerable});return t};var gt=(t,e,n)=>(n=t!=null?Da(Aa(t)):{},fr(e||!t||!t.__esModule?oe(n,"default",{value:t,enumerable:!0}):n,t)),pr=t=>fr(oe({},"__esModule",{value:!0}),t);var _=s((fc,_r)=>{_r.exports=React});var hr=s(Nt=>{"use strict";(function(){"use strict";var t=_(),e=Symbol.for("react.element"),n=Symbol.for("react.portal"),i=Symbol.for("react.fragment"),l=Symbol.for("react.strict_mode"),o=Symbol.for("react.profiler"),d=Symbol.for("react.provider"),b=Symbol.for("react.context"),m=Symbol.for("react.forward_ref"),p=Symbol.for("react.suspense"),v=Symbol.for("react.suspense_list"),k=Symbol.for("react.memo"),q=Symbol.for("react.lazy"),R=Symbol.for("react.offscreen"),D=Symbol.iterator,K="@@iterator";function Z(a){if(a===null||typeof a!="object")return null;var u=D&&a[D]||a[K];return typeof u=="function"?u:null}var C=t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function T(a){{for(var u=arguments.length,c=new Array(u>1?u-1:0),f=1;f=1&&P>=0&&g[O]!==S[P];)P--;for(;O>=1&&P>=0;O--,P--)if(g[O]!==S[P]){if(O!==1||P!==1)do if(O--,P--,P<0||g[O]!==S[P]){var M=` `+g[O].replace(" at new "," at ");return a.displayName&&M.includes("")&&(M=M.replace("",a.displayName)),typeof a=="function"&&re.set(a,M),M}while(O>=1&&P>=0);break}}}finally{bt=!1,st.current=w,pa(),Error.prepareStackTrace=x}var $=a?a.displayName||a.name:"",cr=$?ne($):"";return typeof a=="function"&&re.set(a,cr),cr}function ha(a,u,c){return Qn(a,!1)}function ga(a){var u=a.prototype;return!!(u&&u.isReactComponent)}function ie(a,u,c){if(a==null)return"";if(typeof a=="function")return Qn(a,ga(a));if(typeof a=="string")return ne(a);switch(a){case p:return ne("Suspense");case v:return ne("SuspenseList")}if(typeof a=="object")switch(a.$$typeof){case m:return ha(a.render);case k:return ie(a.type,u,c);case q:{var f=a,x=f._payload,w=f._init;try{return ie(w(x),u,c)}catch{}}}return""}var ae=Object.prototype.hasOwnProperty,er={},tr=C.ReactDebugCurrentFrame;function le(a){if(a){var u=a._owner,c=ie(a.type,a._source,u?u.type:null);tr.setExtraStackFrame(c)}else tr.setExtraStackFrame(null)}function Na(a,u,c,f,x){{var w=Function.call.bind(ae);for(var y in a)if(w(a,y)){var g=void 0;try{if(typeof a[y]!="function"){var S=Error((f||"React class")+": "+c+" type `"+y+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof a[y]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw S.name="Invariant Violation",S}g=a[y](u,y,f,c,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(O){g=O}g&&!(g instanceof Error)&&(le(x),T("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).",f||"React class",c,y,typeof g),le(null)),g instanceof Error&&!(g.message in er)&&(er[g.message]=!0,le(x),T("Failed %s type: %s",c,g.message),le(null))}}}var va=Array.isArray;function mt(a){return va(a)}function ya(a){{var u=typeof Symbol=="function"&&Symbol.toStringTag,c=u&&a[Symbol.toStringTag]||a.constructor.name||"Object";return c}}function xa(a){try{return nr(a),!1}catch{return!0}}function nr(a){return""+a}function rr(a){if(xa(a))return T("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",ya(a)),nr(a)}var Q=C.ReactCurrentOwner,wa={key:!0,ref:!0,__self:!0,__source:!0},ir,ar,ft;ft={};function ka(a){if(ae.call(a,"ref")){var u=Object.getOwnPropertyDescriptor(a,"ref").get;if(u&&u.isReactWarning)return!1}return a.ref!==void 0}function Oa(a){if(ae.call(a,"key")){var u=Object.getOwnPropertyDescriptor(a,"key").get;if(u&&u.isReactWarning)return!1}return a.key!==void 0}function Pa(a,u){if(typeof a.ref=="string"&&Q.current&&u&&Q.current.stateNode!==u){var c=L(Q.current.type);ft[c]||(T('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref',L(Q.current.type),a.ref),ft[c]=!0)}}function Ea(a,u){{var c=function(){ir||(ir=!0,T("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",u))};c.isReactWarning=!0,Object.defineProperty(a,"key",{get:c,configurable:!0})}}function Ta(a,u){{var c=function(){ar||(ar=!0,T("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",u))};c.isReactWarning=!0,Object.defineProperty(a,"ref",{get:c,configurable:!0})}}var Sa=function(a,u,c,f,x,w,y){var g={$$typeof:e,type:a,key:u,ref:c,props:y,_owner:w};return g._store={},Object.defineProperty(g._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(g,"_self",{configurable:!1,enumerable:!1,writable:!1,value:f}),Object.defineProperty(g,"_source",{configurable:!1,enumerable:!1,writable:!1,value:x}),Object.freeze&&(Object.freeze(g.props),Object.freeze(g)),g};function qa(a,u,c,f,x){{var w,y={},g=null,S=null;c!==void 0&&(rr(c),g=""+c),Oa(u)&&(rr(u.key),g=""+u.key),ka(u)&&(S=u.ref,Pa(u,x));for(w in u)ae.call(u,w)&&!wa.hasOwnProperty(w)&&(y[w]=u[w]);if(a&&a.defaultProps){var O=a.defaultProps;for(w in O)y[w]===void 0&&(y[w]=O[w])}if(g||S){var P=typeof a=="function"?a.displayName||a.name||"Unknown":a;g&&Ea(y,P),S&&Ta(y,P)}return Sa(a,g,S,x,f,Q.current,y)}}var pt=C.ReactCurrentOwner,lr=C.ReactDebugCurrentFrame;function W(a){if(a){var u=a._owner,c=ie(a.type,a._source,u?u.type:null);lr.setExtraStackFrame(c)}else lr.setExtraStackFrame(null)}var _t;_t=!1;function ht(a){return typeof a=="object"&&a!==null&&a.$$typeof===e}function or(){{if(pt.current){var a=L(pt.current.type);if(a)return` Check the render method of \``+a+"`."}return""}}function Ma(a){{if(a!==void 0){var u=a.fileName.replace(/^.*[\\\/]/,""),c=a.lineNumber;return` Check your code at `+u+":"+c+"."}return""}}var ur={};function Ra(a){{var u=or();if(!u){var c=typeof a=="string"?a:a.displayName||a.name;c&&(u=` Check the top-level render call using <`+c+">.")}return u}}function dr(a,u){{if(!a._store||a._store.validated||a.key!=null)return;a._store.validated=!0;var c=Ra(u);if(ur[c])return;ur[c]=!0;var f="";a&&a._owner&&a._owner!==pt.current&&(f=" It was passed a child from "+L(a._owner.type)+"."),W(a),T('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',c,f),W(null)}}function sr(a,u){{if(typeof a!="object")return;if(mt(a))for(var c=0;c",g=" Did you accidentally export a JSX literal instead of a component?"):O=typeof a,T("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",O,g)}var P=qa(a,u,c,x,w);if(P==null)return P;if(y){var M=u.children;if(M!==void 0)if(f)if(mt(M)){for(var $=0;${"use strict";gr.exports=hr()});var wr=s(ue=>{function vt(t){"@babel/helpers - typeof";return vt=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(e){return typeof e}:function(e){return e&&typeof Symbol=="function"&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},vt(t)}Object.defineProperty(ue,"__esModule",{value:!0});ue.GeneralObserver=void 0;var ee=$a(_());function xr(t){if(typeof WeakMap!="function")return null;var e=new WeakMap,n=new WeakMap;return(xr=function(l){return l?n:e})(t)}function $a(t,e){if(!e&&t&&t.__esModule)return t;if(t===null||vt(t)!=="object"&&typeof t!="function")return{default:t};var n=xr(e);if(n&&n.has(t))return n.get(t);var i={},l=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in t)if(o!=="default"&&Object.prototype.hasOwnProperty.call(t,o)){var d=l?Object.getOwnPropertyDescriptor(t,o):null;d&&(d.get||d.set)?Object.defineProperty(i,o,d):i[o]=t[o]}return i.default=t,n&&n.set(t,i),i}function vr(t,e){return Ya(t)||Ua(t,e)||za(t,e)||Ga()}function Ga(){throw new TypeError(`Invalid attempt to destructure non-iterable instance. In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function za(t,e){if(t){if(typeof t=="string")return yr(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);if(n==="Object"&&t.constructor&&(n=t.constructor.name),n==="Map"||n==="Set")return Array.from(t);if(n==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return yr(t,e)}}function yr(t,e){(e==null||e>t.length)&&(e=t.length);for(var n=0,i=new Array(e);n0&&(v(!0),i&&i())},{root:null,rootMargin:"400px",threshold:0});d&&d.current&&k.observe(d.current)},[d]),ee.default.createElement("div",{ref:d,"data-testid":"general-observer",className:"mdx-embed"},p?n:ee.default.createElement("div",{style:{height:o,width:"100%"}}))};ue.GeneralObserver=Va});var N=s(yt=>{Object.defineProperty(yt,"__esModule",{value:!0});Object.defineProperty(yt,"GeneralObserver",{enumerable:!0,get:function(){return Ha.GeneralObserver}});var Ha=wr()});var kr=s(de=>{Object.defineProperty(de,"__esModule",{value:!0});de.AirtableBase=void 0;var xt=Ka(_()),Xa=N();function Ka(t){return t&&t.__esModule?t:{default:t}}var Za=function(e){var n=e.airtableBaseId,i=e.layout,l=i===void 0?"":i,o=e.viewControls,d=o===void 0?"on":o;return xt.default.createElement(Xa.GeneralObserver,null,xt.default.createElement("div",{style:{position:"relative"}},xt.default.createElement("iframe",{"data-testid":"airtable-base",title:"airtable-".concat(n),src:"https://airtable.com/embed/".concat(n,"?backgroundColor=green&").concat(l?"layout=".concat(l,"&"):"","viewControls=").concat(d),width:"100%",height:"533",style:{background:"transparent",border:"1px solid #ccc"},frameBorder:"0"})))};de.AirtableBase=Za});var Or=s(se=>{Object.defineProperty(se,"__esModule",{value:!0});se.AirtableForm=void 0;var wt=Qa(_()),Ja=N();function Qa(t){return t&&t.__esModule?t:{default:t}}var el=function(e){var n=e.airtableFormId;return wt.default.createElement(Ja.GeneralObserver,null,wt.default.createElement("div",{style:{position:"relative"}},wt.default.createElement("iframe",{"data-testid":"airtable-form",title:"airtable-".concat(n),src:"https://airtable.com/embed/".concat(n,"?backgroundColor=green"),width:"100%",height:"533",style:{background:"transparent",border:"1px solid #ccc"},frameBorder:"0"})))};se.AirtableForm=el});var kt=s(ce=>{Object.defineProperty(ce,"__esModule",{value:!0});Object.defineProperty(ce,"AirtableBase",{enumerable:!0,get:function(){return tl.AirtableBase}});Object.defineProperty(ce,"AirtableForm",{enumerable:!0,get:function(){return nl.AirtableForm}});var tl=kr(),nl=Or()});var Pr=s(be=>{Object.defineProperty(be,"__esModule",{value:!0});be.Buzzsprout=void 0;var Ot=il(_()),rl=N();function il(t){return t&&t.__esModule?t:{default:t}}var al=function(e){var n=e.buzzsproutId,i=e.width,l=i===void 0?"100%":i,o=e.height,d=o===void 0?"200":o,b=/^\d{7}\/\d{7}-[\w|\W]+/;return b.test(n)?Ot.default.createElement(rl.GeneralObserver,null,Ot.default.createElement("div",{style:{position:"relative"}},Ot.default.createElement("iframe",{"data-testid":"buzzsprout",className:"buzzsprout-mdx-embed",title:"buzzsprout-".concat(n),src:"https://www.buzzsprout.com/".concat(n,"?client_source=admin&iframe=true"),width:l,height:d,frameBorder:"0",scrolling:"no"}))):null};be.Buzzsprout=al});var Et=s(Pt=>{Object.defineProperty(Pt,"__esModule",{value:!0});Object.defineProperty(Pt,"Buzzsprout",{enumerable:!0,get:function(){return ll.Buzzsprout}});var ll=Pr()});var Tr=s(me=>{Object.defineProperty(me,"__esModule",{value:!0});me.CodePen=void 0;var Er=ul(_()),ol=N();function ul(t){return t&&t.__esModule?t:{default:t}}var dl=function(e){var n=e.codePenId,i=e.height,l=i===void 0?500:i,o=e.tabs,d=o===void 0?"result":o,b=e.clickToLoad,m=b===void 0?!1:b,p=e.editable,v=p===void 0?!1:p,k=e.theme,q=k===void 0?"default":k;return Er.default.createElement(ol.GeneralObserver,{height:l},Er.default.createElement("iframe",{"data-testid":"codepen",title:"codepen-".concat(n),className:"codepen-mdx-embed",height:l,style:{width:"100%"},scrolling:"no",src:"https://codepen.io/team/codepen/embed".concat(m?"/preview":"","/").concat(n,"?height=265&theme-id=").concat(q,"&default-tab=").concat(d).concat(v?"&editable=true":""),frameBorder:"no",allowFullScreen:!0}))};me.CodePen=dl});var St=s(Tt=>{Object.defineProperty(Tt,"__esModule",{value:!0});Object.defineProperty(Tt,"CodePen",{enumerable:!0,get:function(){return sl.CodePen}});var sl=Tr()});var qr=s(fe=>{Object.defineProperty(fe,"__esModule",{value:!0});fe.CodeSandbox=void 0;var Sr=bl(_()),cl=N();function bl(t){return t&&t.__esModule?t:{default:t}}var ml=function(e){var n=e.codeSandboxId;return Sr.default.createElement(cl.GeneralObserver,null,Sr.default.createElement("iframe",{"data-testid":"codesandbox",title:"codeSandbox-".concat(n),className:"codesandbox-mdx-embed",src:"https://codesandbox.io/embed/".concat(n),allow:"geolocation; microphone; camera; midi; vr; accelerometer; gyroscope; payment; ambient-light-sensor; encrypted-media; usb",sandbox:"allow-modals allow-forms allow-popups allow-scripts allow-same-origin",style:{width:"100%",height:"500px",border:0,borderRadius:"4px",overflow:" hidden"}}))};fe.CodeSandbox=ml});var Mt=s(qt=>{Object.defineProperty(qt,"__esModule",{value:!0});Object.defineProperty(qt,"CodeSandbox",{enumerable:!0,get:function(){return fl.CodeSandbox}});var fl=qr()});var E=s(j=>{Object.defineProperty(j,"__esModule",{value:!0});j.isEmptyString=j.getPadding=j.createStyleSheet=j.createScriptTag=void 0;var pl=function(e){var n={"1:1":{paddingTop:"100%"},"16:9":{paddingTop:"56.25%"},"4:3":{paddingTop:"75%"},"3:2":{paddingTop:"66.66%"},"8.5":{paddingTop:"62.5%"}};return n[e]};j.getPadding=pl;var _l=function(e,n){var i=document.createElement("script");i.type="text/javascript",e&&(i.src=e),n&&(i.innerText=n),i.onerror=function(l){console.error("MDXEmbedProvider ".concat(l.type),l)},document.getElementsByTagName("head")[0].appendChild(i)};j.createScriptTag=_l;var hl=function(e){var n=document.createElement("link");n.type="text/css",n.rel="stylesheet",n.href=e,document.getElementsByTagName("head")[0].appendChild(n)};j.createStyleSheet=hl;var gl=function(e){return e==null||e.length===0};j.isEmptyString=gl});var Rr=s(pe=>{Object.defineProperty(pe,"__esModule",{value:!0});pe.EggheadLesson=void 0;var Rt=yl(_()),Nl=E(),vl=N();function yl(t){return t&&t.__esModule?t:{default:t}}function Mr(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);e&&(i=i.filter(function(l){return Object.getOwnPropertyDescriptor(t,l).enumerable})),n.push.apply(n,i)}return n}function xl(t){for(var e=1;e{Object.defineProperty(Ct,"__esModule",{value:!0});Object.defineProperty(Ct,"EggheadLesson",{enumerable:!0,get:function(){return Ol.EggheadLesson}});var Ol=Rr()});var Lr=s(G=>{Object.defineProperty(G,"__esModule",{value:!0});G.handleFlickrLoad=G.flickrClassNames=void 0;var Pl=E(),Cr=!1,jr=[".flickr-embed"].join(",");G.flickrClassNames=jr;var El="https://embedr.flickr.com/assets/client-code.js",Tl=function(){return document.querySelector(jr)!==null&&!Cr?((0,Pl.createScriptTag)(El,null),Cr=!0,{status:"createScriptTag"}):{status:"null"}};G.handleFlickrLoad=Tl});var Ir=s(_e=>{Object.defineProperty(_e,"__esModule",{value:!0});_e.Flickr=void 0;var Lt=Ml(_()),Sl=N(),ql=Lr();function Ml(t){return t&&t.__esModule?t:{default:t}}var Rl=function(e){var n=e.flickrLink;return Lt.default.createElement(Sl.GeneralObserver,{onEnter:function(){return(0,ql.handleFlickrLoad)()}},Lt.default.createElement("span",{"data-testid":"flickr",className:"flickr-embed-mdx","data-flickr-embed":"true","data-header":"true","data-footer":"true"},Lt.default.createElement("img",{src:"https://live.staticflickr.com/".concat(n),width:"100%",height:"auto",alt:n})))};_e.Flickr=Rl});var Dt=s(It=>{Object.defineProperty(It,"__esModule",{value:!0});Object.defineProperty(It,"Flickr",{enumerable:!0,get:function(){return Cl.Flickr}});var Cl=Ir()});var Br=s(he=>{Object.defineProperty(he,"__esModule",{value:!0});he.Figma=void 0;var Dr=Ll(_()),jl=N();function Ll(t){return t&&t.__esModule?t:{default:t}}var Il=function(e){var n=e.title,i=e.height,l=i===void 0?450:i,o=e.url,d=/(file|proto)\/([0-9a-zA-Z]{22,128})(?:\/.*)?$/;return d.test(o)?Dr.default.createElement(jl.GeneralObserver,{height:l},Dr.default.createElement("iframe",{"data-testid":"figma",title:"figma-".concat(n),className:"figma-mdx-embed",height:l,style:{width:"100%"},scrolling:"no",src:"https://www.figma.com/embed?embed_host=mdx-embed&url=https://www.figma.com/".concat(o),frameBorder:"no",allowFullScreen:!0})):null};he.Figma=Il});var Ft=s(Bt=>{Object.defineProperty(Bt,"__esModule",{value:!0});Object.defineProperty(Bt,"Figma",{enumerable:!0,get:function(){return Dl.Figma}});var Dl=Br()});var $r=s(Ne=>{function At(t){"@babel/helpers - typeof";return At=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(e){return typeof e}:function(e){return e&&typeof Symbol=="function"&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},At(t)}Object.defineProperty(Ne,"__esModule",{value:!0});Ne.Gist=void 0;var ge=Fl(_()),Fr=E(),Bl=N();function Wr(t){if(typeof WeakMap!="function")return null;var e=new WeakMap,n=new WeakMap;return(Wr=function(l){return l?n:e})(t)}function Fl(t,e){if(!e&&t&&t.__esModule)return t;if(t===null||At(t)!=="object"&&typeof t!="function")return{default:t};var n=Wr(e);if(n&&n.has(t))return n.get(t);var i={},l=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in t)if(o!=="default"&&Object.prototype.hasOwnProperty.call(t,o)){var d=l?Object.getOwnPropertyDescriptor(t,o):null;d&&(d.get||d.set)?Object.defineProperty(i,o,d):i[o]=t[o]}return i.default=t,n&&n.set(t,i),i}function Al(t,e){return zl(t)||Gl(t,e)||$l(t,e)||Wl()}function Wl(){throw new TypeError(`Invalid attempt to destructure non-iterable instance. In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function $l(t,e){if(t){if(typeof t=="string")return Ar(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);if(n==="Object"&&t.constructor&&(n=t.constructor.name),n==="Map"||n==="Set")return Array.from(t);if(n==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return Ar(t,e)}}function Ar(t,e){(e==null||e>t.length)&&(e=t.length);for(var n=0,i=new Array(e);n{Object.defineProperty(Wt,"__esModule",{value:!0});Object.defineProperty(Wt,"Gist",{enumerable:!0,get:function(){return Yl.Gist}});var Yl=$r()});var Gr=s(ye=>{Object.defineProperty(ye,"__esModule",{value:!0});ye.handleInstagrmLoad=void 0;var Vl=E();function ve(t){"@babel/helpers - typeof";return ve=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(e){return typeof e}:function(e){return e&&typeof Symbol=="function"&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},ve(t)}var Hl="https://www.instagram.com/embed.js",Xl=function(){ve(window.instgrm)!=="undefined"&&window.instgrm.Embeds&&ve(window.instgrm.Embeds.process)==="function"&&window.instgrm.Embeds.process()},Kl=function(){return window.instgrm?(Xl(),{status:"instgrmProcess"}):((0,Vl.createScriptTag)(Hl,null),{status:"createScriptTag"})};ye.handleInstagrmLoad=Kl});var zr=s(xe=>{Object.defineProperty(xe,"__esModule",{value:!0});xe.Instagram=void 0;var Gt=Ql(_()),Zl=N(),Jl=Gr();function Ql(t){return t&&t.__esModule?t:{default:t}}var eo=function(e){var n=e.instagramId;return Gt.default.createElement(Zl.GeneralObserver,{onEnter:function(){return(0,Jl.handleInstagrmLoad)()}},Gt.default.createElement("blockquote",{"data-testid":"instagram",className:"instagram-media instagram-mdx-embed","data-instgrm-version":"12"},Gt.default.createElement("a",{href:"https://instagram.com/p/".concat(n)},typeof window<"u"&&!window.instgrm?"Loading":"")))};xe.Instagram=eo});var Ut=s(zt=>{Object.defineProperty(zt,"__esModule",{value:!0});Object.defineProperty(zt,"Instagram",{enumerable:!0,get:function(){return to.Instagram}});var to=zr()});var Yr=s(we=>{Object.defineProperty(we,"__esModule",{value:!0});we.Lbry=void 0;var Yt=io(_()),no=E(),ro=N();function io(t){return t&&t.__esModule?t:{default:t}}function Ur(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);e&&(i=i.filter(function(l){return Object.getOwnPropertyDescriptor(t,l).enumerable})),n.push.apply(n,i)}return n}function ao(t){for(var e=1;e{Object.defineProperty(Vt,"__esModule",{value:!0});Object.defineProperty(Vt,"Lbry",{enumerable:!0,get:function(){return uo.Lbry}});var uo=Yr()});var Xr=s(z=>{Object.defineProperty(z,"__esModule",{value:!0});z.linkedInClassNames=z.handleLinkedInLoad=void 0;var so=E();function ke(t){"@babel/helpers - typeof";return ke=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(e){return typeof e}:function(e){return e&&typeof Symbol=="function"&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},ke(t)}var Vr=!1,Hr=[".LI-profile-badge",".LI-simple-link"].join(",");z.linkedInClassNames=Hr;var co="https://platform.linkedin.com/badges/js/profile.js",bo=function(){ke(window.LI)!=="undefined"&&ke(window.LIRenderAll)==="function"&&window.LIRenderAll()},mo=function(){return document.querySelector(Hr)!==null&&!Vr?((0,so.createScriptTag)(co,null),Vr=!0,{status:"createScriptTag"}):(bo(),{status:"null"})};z.handleLinkedInLoad=mo});var Kr=s(Oe=>{Object.defineProperty(Oe,"__esModule",{value:!0});Oe.LinkedInBadge=void 0;var Xt=_o(_()),fo=N(),po=Xr();function _o(t){return t&&t.__esModule?t:{default:t}}var ho=function(e){var n=e.username,i=e.badgeType,l=i===void 0?"vertical":i,o=e.badgeSize,d=o===void 0?"medium":o,b=e.theme,m=b===void 0?"light":b,p=e.locale,v=p===void 0?"en_US":p;return Xt.default.createElement(fo.GeneralObserver,{onEnter:function(){return(0,po.handleLinkedInLoad)()}},Xt.default.createElement("div",{"data-testid":"linkedin-badge",className:"LI-profile-badge linkedin-badge-embed-mdx","data-version":"v1","data-size":d,"data-locale":v,"data-type":l,"data-theme":m,"data-vanity":n},Xt.default.createElement("a",{className:"LI-simple-link",href:"https://uk.linkedin.com/in/".concat(n,"?trk=profile-badge")},"Loading")))};Oe.LinkedInBadge=ho});var Zt=s(Kt=>{Object.defineProperty(Kt,"__esModule",{value:!0});Object.defineProperty(Kt,"LinkedInBadge",{enumerable:!0,get:function(){return go.LinkedInBadge}});var go=Kr()});var Ee=s(U=>{Object.defineProperty(U,"__esModule",{value:!0});U.pinterestClassNames=U.handlePinterestBuild=void 0;var No=E();function Pe(t){"@babel/helpers - typeof";return Pe=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(e){return typeof e}:function(e){return e&&typeof Symbol=="function"&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},Pe(t)}var Zr=!1,Jr=[".pinterest-pin",".pinterest-board",".pinterest-follow-button"].join(",");U.pinterestClassNames=Jr;var vo='!function(a,b,c){var d,e,f;d="PIN_"+~~((new Date).getTime()/864e5),a[d]?a[d]+=1:(a[d]=1,a.setTimeout(function(){e=b.getElementsByTagName("SCRIPT")[0],f=b.createElement("SCRIPT"),f.type="text/javascript",f.async=!0,f.src=c.mainUrl+"?"+Math.random(),e.parentNode.insertBefore(f,e)},10))}(window,document,{mainUrl:"//assets.pinterest.com/js/pinit_main.js"});',yo=function(){Pe(window.PinUtils)!=="undefined"&&window.PinUtils&&Pe(window.PinUtils.build)==="function"&&window.PinUtils.build()},xo=function(){return document.querySelector(Jr)!==null&&!Zr?((0,No.createScriptTag)(null,vo),Zr=!0,{status:"createScriptTag"}):(yo(),{status:"pinterestBuild"})};U.handlePinterestBuild=xo});var ei=s(Te=>{Object.defineProperty(Te,"__esModule",{value:!0});Te.Pin=void 0;var Qr=Oo(_()),wo=N(),ko=Ee();function Oo(t){return t&&t.__esModule?t:{default:t}}var Po=function(e){var n=e.pinId,i=e.size,l=i===void 0?"small":i;return Qr.default.createElement(wo.GeneralObserver,{onEnter:function(){return(0,ko.handlePinterestBuild)()}},Qr.default.createElement("a",{className:"pinterest-pin pinterest-pin-mdx-embed","data-testid":"pin","data-pin-do":"embedPin","data-pin-width":l,href:"https://www.pinterest.com/pin/".concat(n)}))};Te.Pin=Po});var ni=s(Se=>{Object.defineProperty(Se,"__esModule",{value:!0});Se.PinterestBoard=void 0;var ti=So(_()),Eo=N(),To=Ee();function So(t){return t&&t.__esModule?t:{default:t}}var qo=function(e){var n=e.pinterestLink,i=e.width,l=i===void 0?400:i,o=e.height,d=o===void 0?250:o,b=e.imageWidth,m=b===void 0?80:b,p=e.variant,v=p===void 0?"board":p;return ti.default.createElement(Eo.GeneralObserver,{onEnter:function(){return(0,To.handlePinterestBuild)()}},ti.default.createElement("a",{className:"pinterest-board pinterest-board-mdx-embed","data-testid":"pinterest-board","data-pin-do":"embed".concat(v.charAt(0).toUpperCase()).concat(v.slice(1)),"data-pin-board-width":l,"data-pin-scale-height":d,"data-pin-scale-width":m,href:"https://www.pinterest.com/".concat(n)}))};Se.PinterestBoard=qo});var ii=s(qe=>{Object.defineProperty(qe,"__esModule",{value:!0});qe.PinterestFollowButton=void 0;var ri=Co(_()),Mo=N(),Ro=Ee();function Co(t){return t&&t.__esModule?t:{default:t}}var jo=function(e){var n=e.username;return ri.default.createElement(Mo.GeneralObserver,{onEnter:function(){return(0,Ro.handlePinterestBuild)()}},ri.default.createElement("a",{className:"pinterest-follow-button pinterest-follow-button-mdx-embed","data-testid":"pinterest-follow-button","data-pin-do":"buttonFollow",href:"https://www.pinterest.com/".concat(n,"/")},"Follow @".concat(n)))};qe.PinterestFollowButton=jo});var Jt=s(te=>{Object.defineProperty(te,"__esModule",{value:!0});Object.defineProperty(te,"Pin",{enumerable:!0,get:function(){return Lo.Pin}});Object.defineProperty(te,"PinterestBoard",{enumerable:!0,get:function(){return Io.PinterestBoard}});Object.defineProperty(te,"PinterestFollowButton",{enumerable:!0,get:function(){return Do.PinterestFollowButton}});var Lo=ei(),Io=ni(),Do=ii()});var li=s(Me=>{Object.defineProperty(Me,"__esModule",{value:!0});Me.Replit=void 0;var ai=Fo(_()),Bo=N();function Fo(t){return t&&t.__esModule?t:{default:t}}var Ao=function(e){var n=e.repl,i=e.height,l=i===void 0?500:i,o=e.mode,d=o===void 0?"embed":o,b=n.startsWith("http")?n:"https://repl.it/".concat(n),m=d==="embed"?"?embed=true":"?lite=true";return ai.default.createElement(Bo.GeneralObserver,{height:l},ai.default.createElement("iframe",{"data-testid":"replit-"+d,frameBorder:"0",width:"100%",height:l,src:b+m}))};Me.Replit=Ao});var en=s(Qt=>{Object.defineProperty(Qt,"__esModule",{value:!0});Object.defineProperty(Qt,"Replit",{enumerable:!0,get:function(){return Wo.Replit}});var Wo=li()});var oi=s(Re=>{Object.defineProperty(Re,"__esModule",{value:!0});Re.SimplecastEpisode=void 0;var tn=Go(_()),$o=N();function Go(t){return t&&t.__esModule?t:{default:t}}var zo=function(e){var n=e.episodeId,i=e.theme,l=i===void 0?"light":i;return tn.default.createElement($o.GeneralObserver,null,tn.default.createElement("div",{className:"simplecast-episode-mdx-embed",style:{position:"relative",height:"200px",width:"100%"}},tn.default.createElement("iframe",{"data-testid":"simplecast-episode",title:"simplecast-".concat(n),src:"https://player.simplecast.com/".concat(n).concat(l==="dark"?"?dark=true":""),frameBorder:"no",scrolling:"no",seamless:!0,style:{position:"absolute",top:0,left:0,width:"100%",height:"100%"}})))};Re.SimplecastEpisode=zo});var rn=s(nn=>{Object.defineProperty(nn,"__esModule",{value:!0});Object.defineProperty(nn,"SimplecastEpisode",{enumerable:!0,get:function(){return Uo.SimplecastEpisode}});var Uo=oi()});var di=s(Ce=>{Object.defineProperty(Ce,"__esModule",{value:!0});Ce.SoundCloud=void 0;var ui=Vo(_()),Yo=N();function Vo(t){return t&&t.__esModule?t:{default:t}}var Ho=function(e){var n=e.soundCloudLink,i=e.width,l=i===void 0?"100%":i,o=e.height,d=o===void 0?"auto":o,b=e.autoPlay,m=b===void 0?!1:b,p=e.visual,v=p===void 0?!1:p,k=e.color;return ui.default.createElement(Yo.GeneralObserver,null,ui.default.createElement("iframe",{"data-testid":"soundcloud",title:"sound-cloud-".concat(n),className:"soundcloud-mdx-embed",width:l,height:d,scrolling:"no",frameBorder:"no",allow:"autoplay",src:"https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/".concat(n,"&color=%23").concat(k,"&auto_play=").concat(m,"&visual=").concat(v)}))};Ce.SoundCloud=Ho});var ln=s(an=>{Object.defineProperty(an,"__esModule",{value:!0});Object.defineProperty(an,"SoundCloud",{enumerable:!0,get:function(){return Xo.SoundCloud}});var Xo=di()});var ci=s(je=>{Object.defineProperty(je,"__esModule",{value:!0});je.Spotify=void 0;var si=Zo(_()),Ko=N();function Zo(t){return t&&t.__esModule?t:{default:t}}var Jo=function(e){var n=e.spotifyLink,i=e.width,l=i===void 0?320:i,o=e.height,d=o===void 0?380:o;return si.default.createElement(Ko.GeneralObserver,null,si.default.createElement("iframe",{"data-testid":"spotify",title:"spotify-".concat(n),className:"spotify-mdx-embed",src:"https://open.spotify.com/embed/".concat(n),width:l,height:d,frameBorder:"0",allow:"encrypted-media"}))};je.Spotify=Jo});var un=s(on=>{Object.defineProperty(on,"__esModule",{value:!0});Object.defineProperty(on,"Spotify",{enumerable:!0,get:function(){return Qo.Spotify}});var Qo=ci()});var bi=s(Le=>{Object.defineProperty(Le,"__esModule",{value:!0});Le.Strava=void 0;var dn=tu(_()),eu=N();function tu(t){return t&&t.__esModule?t:{default:t}}var nu=function(e){var n=e.activityId;return dn.default.createElement(eu.GeneralObserver,null,dn.default.createElement("div",{"data-testid":"strava",className:"strava-mdx-embed",style:{position:"relative",height:"350px",maxWidth:"568px",width:"100%",overflow:"auto"}},dn.default.createElement("iframe",{title:"strava-".concat(n),className:"strava-mdx-embed",height:"100%",width:"100%",style:{minWidth:"380px"},frameBorder:"0",scrolling:"no",src:"https://www.strava.com/activities/".concat(n)})))};Le.Strava=nu});var cn=s(sn=>{Object.defineProperty(sn,"__esModule",{value:!0});Object.defineProperty(sn,"Strava",{enumerable:!0,get:function(){return ru.Strava}});var ru=bi()});var fi=s(Ie=>{Object.defineProperty(Ie,"__esModule",{value:!0});Ie.Snack=void 0;var mi=lu(_()),iu=E(),au=N();function lu(t){return t&&t.__esModule?t:{default:t}}var ou="https://snack.expo.io/embed.js",uu=function(e){var n=e.snackId,i=e.platform,l=i===void 0?"web":i,o=e.theme,d=o===void 0?"light":o,b=function(){(0,iu.createScriptTag)(ou,null)};return mi.default.createElement(au.GeneralObserver,{onEnter:b},mi.default.createElement("div",{className:"snack-mdx-embed","data-testid":"snack","data-snack-id":n,"data-snack-platform":l,"data-snack-preview":"true","data-snack-theme":d,style:{overflow:"hidden",background:"#F9F9F9",border:"1px solid var(--color-border)",borderRadius:"4px",height:"505px",width:"100%"}}))};Ie.Snack=uu});var mn=s(bn=>{Object.defineProperty(bn,"__esModule",{value:!0});Object.defineProperty(bn,"Snack",{enumerable:!0,get:function(){return du.Snack}});var du=fi()});var _i=s(Y=>{Object.defineProperty(Y,"__esModule",{value:!0});Y.tikTokClassNames=Y.handleTikTokLoad=void 0;var su=E(),pi=!1,cu=".tiktok-embed";Y.tikTokClassNames=cu;var bu="https://www.tiktok.com/embed.js",mu=function(){return pi?{status:"null"}:((0,su.createScriptTag)(bu,null),pi=!0,{status:"createScriptTag"})};Y.handleTikTokLoad=mu});var hi=s(Be=>{Object.defineProperty(Be,"__esModule",{value:!0});Be.TikTok=void 0;var De=_u(_()),fu=N(),pu=_i();function _u(t){return t&&t.__esModule?t:{default:t}}var hu=function(e){var n=e.tikTokId;return n?De.default.createElement(fu.GeneralObserver,{onEnter:function(){return(0,pu.handleTikTokLoad)()}},De.default.createElement("blockquote",{"data-testid":"tiktok",className:"tiktok-embed",cite:"https://www.tiktok.com/".concat(n),"data-video-id":n.split("/").pop()},De.default.createElement("section",null,De.default.createElement("a",{href:"https://tiktok.com/".concat(n)},typeof window<"u"&&!window.tiktok?"Loading":"")))):null};Be.TikTok=hu});var pn=s(fn=>{Object.defineProperty(fn,"__esModule",{value:!0});Object.defineProperty(fn,"TikTok",{enumerable:!0,get:function(){return gu.TikTok}});var gu=hi()});var Ni=s(_n=>{Object.defineProperty(_n,"__esModule",{value:!0});_n.constructTwitchURL=Nu;var gi=E();function Nu(t,e,n,i){var l=[i];return t!==void 0?l.push("&video=v".concat(t)):(0,gi.isEmptyString)(e)?(0,gi.isEmptyString)(n)||l.push("&collection=".concat(n)):l.push("&channel=".concat(e)),l.join("")}});var yi=s(Fe=>{Object.defineProperty(Fe,"__esModule",{value:!0});Fe.Twitch=void 0;var hn=wu(_()),vu=E(),yu=N(),xu=Ni();function wu(t){return t&&t.__esModule?t:{default:t}}function vi(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);e&&(i=i.filter(function(l){return Object.getOwnPropertyDescriptor(t,l).enumerable})),n.push.apply(n,i)}return n}function ku(t){for(var e=1;e{Object.defineProperty(gn,"__esModule",{value:!0});Object.defineProperty(gn,"Twitch",{enumerable:!0,get:function(){return Eu.Twitch}});var Eu=yi()});var A=s(We=>{Object.defineProperty(We,"__esModule",{value:!0});We.handleTwttrLoad=void 0;var Tu=E();function Ae(t){"@babel/helpers - typeof";return Ae=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(e){return typeof e}:function(e){return e&&typeof Symbol=="function"&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},Ae(t)}var Su=` !function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs") `,qu=function(){Ae(window.twttr)!=="undefined"&&window.twttr.widgets&&Ae(window.twttr.widgets.load)==="function"&&window.twttr.widgets.load(document.getElementsByClassName("mdx-embed"))},Mu=function(){return window.twttr?(qu(),{status:"twttrLoad"}):((0,Tu.createScriptTag)(null,Su),{status:"createScriptTag"})};We.handleTwttrLoad=Mu});var xi=s(Ge=>{Object.defineProperty(Ge,"__esModule",{value:!0});Ge.Tweet=void 0;var $e=ju(_()),Ru=N(),Cu=A();function ju(t){return t&&t.__esModule?t:{default:t}}var Lu=function(e){var n=e.tweetLink,i=e.theme,l=i===void 0?"light":i,o=e.align,d=o===void 0?"left":o,b=e.hideConversation,m=b===void 0?!1:b;return $e.default.createElement(Ru.GeneralObserver,{onEnter:function(){return(0,Cu.handleTwttrLoad)()}},$e.default.createElement("div",{"data-testid":"twitter-tweet",className:"twitter-tweet-mdx-embed",style:{overflow:"auto"}},$e.default.createElement("blockquote",{className:"twitter-tweet","data-theme":l,"data-align":d,"data-conversation":m?"none":""},$e.default.createElement("a",{href:"https://twitter.com/".concat(n,"?ref_src=twsrc%5Etfw")},typeof window<"u"&&!window.twttr?"Loading":""))))};Ge.Tweet=Lu});var ki=s(ze=>{Object.defineProperty(ze,"__esModule",{value:!0});ze.TwitterFollowButton=void 0;var wi=Bu(_()),Iu=N(),Du=A();function Bu(t){return t&&t.__esModule?t:{default:t}}var Fu=function(e){var n=e.username,i=e.showFollowers,l=i===void 0?!1:i,o=e.showUsername,d=o===void 0?!0:o,b=e.size,m=b===void 0?"small":b;return wi.default.createElement(Iu.GeneralObserver,{onEnter:function(){return(0,Du.handleTwttrLoad)()}},wi.default.createElement("a",{"data-testid":"twitter-follow-button",href:"https://twitter.com/".concat(n,"?ref_src=twsrc%5Etfw"),className:"twitter-follow-button twitter-follow-button-mdx-embed","data-show-count":l,"data-show-screen-name":d,"data-size":m},"Follow @".concat(n)))};ze.TwitterFollowButton=Fu});var Pi=s(Ue=>{Object.defineProperty(Ue,"__esModule",{value:!0});Ue.TwitterHashtagButton=void 0;var Oi=$u(_()),Au=N(),Wu=A();function $u(t){return t&&t.__esModule?t:{default:t}}var Gu=function(e){var n=e.hashtag,i=e.size,l=i===void 0?"small":i;return Oi.default.createElement(Au.GeneralObserver,{onEnter:function(){return(0,Wu.handleTwttrLoad)()}},Oi.default.createElement("a",{"data-testid":"twitter-hashtag-button",href:"https://twitter.com/intent/tweet?button_hashtag=".concat(n,"&ref_src=twsrc%5Etfw"),className:"twitter-hashtag-button twitter-hashtag-button-mdx-embed","data-size":l},"Tweet #".concat(n)))};Ue.TwitterHashtagButton=Gu});var Ei=s(Ye=>{Object.defineProperty(Ye,"__esModule",{value:!0});Ye.TwitterList=void 0;var vn=Yu(_()),zu=N(),Uu=A();function Yu(t){return t&&t.__esModule?t:{default:t}}var Vu=function(e){var n=e.username,i=e.theme,l=i===void 0?"light":i,o=e.listName,d=e.width,b=d===void 0?"498px":d,m=e.height,p=m===void 0?null:m;return vn.default.createElement(zu.GeneralObserver,{onEnter:function(){return(0,Uu.handleTwttrLoad)()}},vn.default.createElement("div",{style:{overflow:"auto"}},vn.default.createElement("a",{"data-testid":"twitter-list",className:"twitter-timeline twitter-timeline-mdx-embed","data-theme":l,"data-width":b,"data-height":p,href:"https://twitter.com/".concat(n,"/lists/").concat(o,"?ref_src=twsrc%5Etfw")},"A Twitter List by @".concat(n))))};Ye.TwitterList=Vu});var Si=s(Ve=>{Object.defineProperty(Ve,"__esModule",{value:!0});Ve.TwitterMentionButton=void 0;var Ti=Ku(_()),Hu=N(),Xu=A();function Ku(t){return t&&t.__esModule?t:{default:t}}var Zu=function(e){var n=e.username,i=e.size,l=i===void 0?"small":i;return Ti.default.createElement(Hu.GeneralObserver,{onEnter:function(){return(0,Xu.handleTwttrLoad)()}},Ti.default.createElement("a",{"data-testid":"twitter-mention-button",href:"https://twitter.com/intent/tweet?screen_name=".concat(n,"&ref_src=twsrc%5Etfw"),className:"twitter-mention-button twitter-mention-button-mdx-embed","data-size":l},"Tweet to @".concat(n)))};Ve.TwitterMentionButton=Zu});var qi=s(He=>{Object.defineProperty(He,"__esModule",{value:!0});He.TwitterTimeline=void 0;var yn=ed(_()),Ju=N(),Qu=A();function ed(t){return t&&t.__esModule?t:{default:t}}var td=function(e){var n=e.username,i=e.theme,l=i===void 0?"light":i,o=e.showLikes,d=o===void 0?null:o,b=e.width,m=b===void 0?"498px":b,p=e.height,v=p===void 0?null:p;return yn.default.createElement(Ju.GeneralObserver,{onEnter:function(){return(0,Qu.handleTwttrLoad)()}},yn.default.createElement("div",{style:{overflow:"auto"}},yn.default.createElement("a",{"data-testid":"twitter-timeline",className:"twitter-timeline twitter-timeline-mdx-embed","data-theme":l,"data-width":m,"data-height":v,href:"https://twitter.com/".concat(n).concat(d?"/likes":"","?ref_src=twsrc%5Etfw")},"Tweets by @".concat(n))))};He.TwitterTimeline=td});var xn=s(B=>{Object.defineProperty(B,"__esModule",{value:!0});Object.defineProperty(B,"Tweet",{enumerable:!0,get:function(){return nd.Tweet}});Object.defineProperty(B,"TwitterFollowButton",{enumerable:!0,get:function(){return rd.TwitterFollowButton}});Object.defineProperty(B,"TwitterHashtagButton",{enumerable:!0,get:function(){return id.TwitterHashtagButton}});Object.defineProperty(B,"TwitterList",{enumerable:!0,get:function(){return ad.TwitterList}});Object.defineProperty(B,"TwitterMentionButton",{enumerable:!0,get:function(){return ld.TwitterMentionButton}});Object.defineProperty(B,"TwitterTimeline",{enumerable:!0,get:function(){return od.TwitterTimeline}});var nd=xi(),rd=ki(),id=Pi(),ad=Ei(),ld=Si(),od=qi()});var Ri=s(Xe=>{Object.defineProperty(Xe,"__esModule",{value:!0});Xe.Vimeo=void 0;var wn=sd(_()),ud=E(),dd=N();function sd(t){return t&&t.__esModule?t:{default:t}}function Mi(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);e&&(i=i.filter(function(l){return Object.getOwnPropertyDescriptor(t,l).enumerable})),n.push.apply(n,i)}return n}function cd(t){for(var e=1;e{Object.defineProperty(kn,"__esModule",{value:!0});Object.defineProperty(kn,"Vimeo",{enumerable:!0,get:function(){return fd.Vimeo}});var fd=Ri()});var Li=s(Ke=>{Object.defineProperty(Ke,"__esModule",{value:!0});Ke.Whimsical=void 0;var Pn=_d(_()),pd=N();function _d(t){return t&&t.__esModule?t:{default:t}}function Ci(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);e&&(i=i.filter(function(l){return Object.getOwnPropertyDescriptor(t,l).enumerable})),n.push.apply(n,i)}return n}function hd(t){for(var e=1;et.length)&&(e=t.length);for(var n=0,i=new Array(e);n{Object.defineProperty(En,"__esModule",{value:!0});Object.defineProperty(En,"Whimsical",{enumerable:!0,get:function(){return Pd.Whimsical}});var Pd=Li()});var Bi=s(Je=>{function Sn(t){"@babel/helpers - typeof";return Sn=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(e){return typeof e}:function(e){return e&&typeof Symbol=="function"&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},Sn(t)}Object.defineProperty(Je,"__esModule",{value:!0});Je.Wikipedia=void 0;var Ze=Td(_()),Ed=N();function Di(t){if(typeof WeakMap!="function")return null;var e=new WeakMap,n=new WeakMap;return(Di=function(l){return l?n:e})(t)}function Td(t,e){if(!e&&t&&t.__esModule)return t;if(t===null||Sn(t)!=="object"&&typeof t!="function")return{default:t};var n=Di(e);if(n&&n.has(t))return n.get(t);var i={},l=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in t)if(o!=="default"&&Object.prototype.hasOwnProperty.call(t,o)){var d=l?Object.getOwnPropertyDescriptor(t,o):null;d&&(d.get||d.set)?Object.defineProperty(i,o,d):i[o]=t[o]}return i.default=t,n&&n.set(t,i),i}function Sd(t,e){return Cd(t)||Rd(t,e)||Md(t,e)||qd()}function qd(){throw new TypeError(`Invalid attempt to destructure non-iterable instance. In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function Md(t,e){if(t){if(typeof t=="string")return Ii(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);if(n==="Object"&&t.constructor&&(n=t.constructor.name),n==="Map"||n==="Set")return Array.from(t);if(n==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return Ii(t,e)}}function Ii(t,e){(e==null||e>t.length)&&(e=t.length);for(var n=0,i=new Array(e);n{Object.defineProperty(qn,"__esModule",{value:!0});Object.defineProperty(qn,"Wikipedia",{enumerable:!0,get:function(){return Ld.Wikipedia}});var Ld=Bi()});var Ai=s(Qe=>{Object.defineProperty(Qe,"__esModule",{value:!0});Qe.handleWistiaLoad=void 0;var Id=E(),Fi=!1,Dd="https://fast.wistia.net/assets/external/E-v1.js",Bd=function(){Fi||((0,Id.createScriptTag)(Dd,null),Fi=!0)};Qe.handleWistiaLoad=Bd});var Gi=s(tt=>{function Rn(t){"@babel/helpers - typeof";return Rn=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(e){return typeof e}:function(e){return e&&typeof Symbol=="function"&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},Rn(t)}Object.defineProperty(tt,"__esModule",{value:!0});tt.Wistia=void 0;var et=$d(_()),Fd=E(),Ad=N(),Wd=Ai();function $i(t){if(typeof WeakMap!="function")return null;var e=new WeakMap,n=new WeakMap;return($i=function(l){return l?n:e})(t)}function $d(t,e){if(!e&&t&&t.__esModule)return t;if(t===null||Rn(t)!=="object"&&typeof t!="function")return{default:t};var n=$i(e);if(n&&n.has(t))return n.get(t);var i={},l=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in t)if(o!=="default"&&Object.prototype.hasOwnProperty.call(t,o)){var d=l?Object.getOwnPropertyDescriptor(t,o):null;d&&(d.get||d.set)?Object.defineProperty(i,o,d):i[o]=t[o]}return i.default=t,n&&n.set(t,i),i}function Wi(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);e&&(i=i.filter(function(l){return Object.getOwnPropertyDescriptor(t,l).enumerable})),n.push.apply(n,i)}return n}function Gd(t){for(var e=1;e0?"?"+R.join("&"):""),"data-testid":"wistia",allow:"autoplay; ".concat(l?"fullscreen":""),frameBorder:"0",scrolling:"no",className:"wistia-mdx-embed-iframe",allowFullScreen:l,style:{position:"absolute",top:0,left:0,width:m,height:v}})))};tt.Wistia=Ud});var jn=s(Cn=>{Object.defineProperty(Cn,"__esModule",{value:!0});Object.defineProperty(Cn,"Wistia",{enumerable:!0,get:function(){return Yd.Wistia}});var Yd=Gi()});var Ui=s(nt=>{Object.defineProperty(nt,"__esModule",{value:!0});nt.YouTube=void 0;var Ln=Xd(_()),Vd=E(),Hd=N();function Xd(t){return t&&t.__esModule?t:{default:t}}function zi(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);e&&(i=i.filter(function(l){return Object.getOwnPropertyDescriptor(t,l).enumerable})),n.push.apply(n,i)}return n}function Kd(t){for(var e=1;e{Object.defineProperty(In,"__esModule",{value:!0});Object.defineProperty(In,"YouTube",{enumerable:!0,get:function(){return Qd.YouTube}});var Qd=Ui()});function Yi(t){return e;function e(n){let i=it(n.components);return V.default.createElement(t,{...n,allComponents:i})}}function it(t){let e=V.default.useContext(rt);return V.default.useMemo(()=>typeof t=="function"?t(e):{...e,...t},[e,t])}function Vi({components:t,children:e,disableParentContext:n}){let i;return n?i=typeof t=="function"?t({}):t||es:i=it(t),V.default.createElement(rt.Provider,{value:i},e)}var V,rt,es,Hi=br(()=>{V=gt(_(),1),rt=V.default.createContext({});es={}});var Xi={};mr(Xi,{MDXContext:()=>rt,MDXProvider:()=>Vi,useMDXComponents:()=>it,withMDXComponents:()=>Yi});var Ki=br(()=>{Hi()});var Ji=s(at=>{Object.defineProperty(at,"__esModule",{value:!0});at.Cinnamon=void 0;var Bn=rs(_()),ts=E(),ns=N();function rs(t){return t&&t.__esModule?t:{default:t}}function Zi(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);e&&(i=i.filter(function(l){return Object.getOwnPropertyDescriptor(t,l).enumerable})),n.push.apply(n,i)}return n}function is(t){for(var e=1;e{Object.defineProperty(Fn,"__esModule",{value:!0});Object.defineProperty(Fn,"Cinnamon",{enumerable:!0,get:function(){return os.Cinnamon}});var os=Ji()});var ta=s(lt=>{Object.defineProperty(lt,"__esModule",{value:!0});lt.components=void 0;var ea=kt(),us=Et(),ds=Qi(),ss=St(),cs=Mt(),bs=jt(),ms=Ft(),fs=Dt(),ps=$t(),_s=Ut(),hs=Ht(),gs=Zt(),An=Jt(),Ns=en(),vs=rn(),ys=ln(),xs=un(),ws=cn(),ks=mn(),Os=pn(),Ps=Nn(),H=xn(),Es=On(),Ts=Tn(),Ss=Mn(),qs=jn(),Ms=Dn(),Rs={AirtableBase:ea.AirtableBase,AirtableForm:ea.AirtableForm,Buzzsprout:us.Buzzsprout,Cinnamon:ds.Cinnamon,CodePen:ss.CodePen,CodeSandbox:cs.CodeSandbox,EggheadLesson:bs.EggheadLesson,Figma:ms.Figma,Flickr:fs.Flickr,Gist:ps.Gist,Instagram:_s.Instagram,Lbry:hs.Lbry,LinkedInBadge:gs.LinkedInBadge,Pin:An.Pin,PinterestBoard:An.PinterestBoard,PinterestFollowButton:An.PinterestFollowButton,Replit:Ns.Replit,SimplecastEpisode:vs.SimplecastEpisode,SoundCloud:ys.SoundCloud,Spotify:xs.Spotify,Strava:ws.Strava,Snack:ks.Snack,TikTok:Os.TikTok,Twitch:Ps.Twitch,Tweet:H.Tweet,TwitterFollowButton:H.TwitterFollowButton,TwitterHashtagButton:H.TwitterHashtagButton,TwitterList:H.TwitterList,TwitterMentionButton:H.TwitterMentionButton,TwitterTimeline:H.TwitterTimeline,Vimeo:Es.Vimeo,Whimsical:Ts.Whimsical,Wikipedia:Ss.Wikipedia,Wistia:qs.Wistia,YouTube:Ms.YouTube};lt.components=Rs});var na=s(ot=>{Object.defineProperty(ot,"__esModule",{value:!0});ot.MDXEmbedProvider=void 0;var Cs=Is(_()),js=(Ki(),pr(Xi)),Ls=ta();function Is(t){return t&&t.__esModule?t:{default:t}}var Ds=function(e){var n=e.children;return Cs.default.createElement(js.MDXProvider,{components:Ls.components},n)};ot.MDXEmbedProvider=Ds});var ra=s(Wn=>{Object.defineProperty(Wn,"__esModule",{value:!0});Object.defineProperty(Wn,"MDXEmbedProvider",{enumerable:!0,get:function(){return Bs.MDXEmbedProvider}});var Bs=na()});var aa=s(h=>{Object.defineProperty(h,"__esModule",{value:!0});Object.defineProperty(h,"AirtableBase",{enumerable:!0,get:function(){return ia.AirtableBase}});Object.defineProperty(h,"AirtableForm",{enumerable:!0,get:function(){return ia.AirtableForm}});Object.defineProperty(h,"Buzzsprout",{enumerable:!0,get:function(){return Fs.Buzzsprout}});Object.defineProperty(h,"CodePen",{enumerable:!0,get:function(){return As.CodePen}});Object.defineProperty(h,"CodeSandbox",{enumerable:!0,get:function(){return Ws.CodeSandbox}});Object.defineProperty(h,"EggheadLesson",{enumerable:!0,get:function(){return $s.EggheadLesson}});Object.defineProperty(h,"Figma",{enumerable:!0,get:function(){return zs.Figma}});Object.defineProperty(h,"Flickr",{enumerable:!0,get:function(){return Gs.Flickr}});Object.defineProperty(h,"Gist",{enumerable:!0,get:function(){return Us.Gist}});Object.defineProperty(h,"Instagram",{enumerable:!0,get:function(){return Ys.Instagram}});Object.defineProperty(h,"Lbry",{enumerable:!0,get:function(){return Vs.Lbry}});Object.defineProperty(h,"LinkedInBadge",{enumerable:!0,get:function(){return Hs.LinkedInBadge}});Object.defineProperty(h,"MDXEmbedProvider",{enumerable:!0,get:function(){return uc.MDXEmbedProvider}});Object.defineProperty(h,"Pin",{enumerable:!0,get:function(){return $n.Pin}});Object.defineProperty(h,"PinterestBoard",{enumerable:!0,get:function(){return $n.PinterestBoard}});Object.defineProperty(h,"PinterestFollowButton",{enumerable:!0,get:function(){return $n.PinterestFollowButton}});Object.defineProperty(h,"Replit",{enumerable:!0,get:function(){return Xs.Replit}});Object.defineProperty(h,"SimplecastEpisode",{enumerable:!0,get:function(){return Ks.SimplecastEpisode}});Object.defineProperty(h,"Snack",{enumerable:!0,get:function(){return ec.Snack}});Object.defineProperty(h,"SoundCloud",{enumerable:!0,get:function(){return Zs.SoundCloud}});Object.defineProperty(h,"Spotify",{enumerable:!0,get:function(){return Js.Spotify}});Object.defineProperty(h,"Strava",{enumerable:!0,get:function(){return Qs.Strava}});Object.defineProperty(h,"TikTok",{enumerable:!0,get:function(){return tc.TikTok}});Object.defineProperty(h,"Tweet",{enumerable:!0,get:function(){return X.Tweet}});Object.defineProperty(h,"Twitch",{enumerable:!0,get:function(){return nc.Twitch}});Object.defineProperty(h,"TwitterFollowButton",{enumerable:!0,get:function(){return X.TwitterFollowButton}});Object.defineProperty(h,"TwitterHashtagButton",{enumerable:!0,get:function(){return X.TwitterHashtagButton}});Object.defineProperty(h,"TwitterList",{enumerable:!0,get:function(){return X.TwitterList}});Object.defineProperty(h,"TwitterMentionButton",{enumerable:!0,get:function(){return X.TwitterMentionButton}});Object.defineProperty(h,"TwitterTimeline",{enumerable:!0,get:function(){return X.TwitterTimeline}});Object.defineProperty(h,"Vimeo",{enumerable:!0,get:function(){return rc.Vimeo}});Object.defineProperty(h,"Whimsical",{enumerable:!0,get:function(){return ic.Whimsical}});Object.defineProperty(h,"Wikipedia",{enumerable:!0,get:function(){return ac.Wikipedia}});Object.defineProperty(h,"Wistia",{enumerable:!0,get:function(){return lc.Wistia}});Object.defineProperty(h,"YouTube",{enumerable:!0,get:function(){return oc.YouTube}});var ia=kt(),Fs=Et(),As=St(),Ws=Mt(),$s=jt(),Gs=Dt(),zs=Ft(),Us=$t(),Ys=Ut(),Vs=Ht(),Hs=Zt(),$n=Jt(),Xs=en(),Ks=rn(),Zs=ln(),Js=un(),Qs=cn(),ec=mn(),tc=pn(),nc=Nn(),X=xn(),rc=On(),ic=Tn(),ac=Mn(),lc=jn(),oc=Dn(),uc=ra()});var bc={};mr(bc,{default:()=>cc,frontmatter:()=>dc});var r=gt(Nr()),oa=gt(aa()),dc={title:"My Favorite Layout Components in React",date:new Date(15682464e5),draft:!1,slug:"react-layout-components",category:"dev",tags:["React","CSS","layout"],lastmod:new Date(1676706091994),excerpt:"React components for rapid layout and ease of use. These components are designed to be used as building blocks for your own layouts. They are not meant to be used as the only way to build a layout.",cover:"https://res.cloudinary.com/joelmturner/image/upload/v1655157939/Posts/layout-components"};function la(t){let e=Object.assign({h2:"h2",ul:"ul",li:"li",a:"a",p:"p",code:"code",pre:"pre",div:"div",span:"span"},t.components);return(0,r.jsxDEV)(r.Fragment,{children:[(0,r.jsxDEV)(e.h2,{id:"table-of-contents",children:"Table of Contents"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:20,columnNumber:1},this),` `,(0,r.jsxDEV)(e.ul,{children:[` `,(0,r.jsxDEV)(e.li,{children:(0,r.jsxDEV)(e.a,{href:"#what-were-using-tldr",children:"What We're Using TL;DR"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx"},this)},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx"},this),` `,(0,r.jsxDEV)(e.li,{children:(0,r.jsxDEV)(e.a,{href:"#flexbox",children:"Flexbox"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx"},this)},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx"},this),` `,(0,r.jsxDEV)(e.li,{children:(0,r.jsxDEV)(e.a,{href:"#grid",children:"Grid"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx"},this)},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx"},this),` `]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx"},this),` `,(0,r.jsxDEV)(e.h2,{id:"what-were-using-tldr",children:"What We're Using TL;DR"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:24,columnNumber:1},this),` `,(0,r.jsxDEV)(oa.CodeSandbox,{codeSandboxId:"react-layout-components-flexbox-grid-d9e1u"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:26,columnNumber:1},this),` `,(0,r.jsxDEV)(e.p,{children:["I had used a column component that accepted different span amounts, but I ended up not using it as much. I tend to add ",(0,r.jsxDEV)(e.code,{children:"span"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:28,columnNumber:120},this)," to the children through the ",(0,r.jsxDEV)(e.code,{children:"sx"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:28,columnNumber:155},this)," prop or extending with styled components."]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:28,columnNumber:1},this),` `,(0,r.jsxDEV)(e.h2,{id:"flexbox",children:"Flexbox"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:30,columnNumber:1},this),` `,(0,r.jsxDEV)(e.p,{children:["This one is by far my favorite. 90% of the time it works perfectly with the props given. It can easily be extended through styled components, emotion's ",(0,r.jsxDEV)(e.code,{children:"css"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:32,columnNumber:153},this)," prop, or Theme UI's ",(0,r.jsxDEV)(e.code,{children:"sx"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:32,columnNumber:179},this)," prop for those few cases where I need something extra."]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:32,columnNumber:1},this),` `,(0,r.jsxDEV)(e.p,{children:"This is definitely an opinionated way to build a Flexbox component. The idea is to have booleans for certain aspects of the spec to help speed up composition."},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:34,columnNumber:1},this),` `,(0,r.jsxDEV)(e.p,{children:"Here's a list of the current props for it:"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:36,columnNumber:1},this),` `,(0,r.jsxDEV)(e.pre,{children:(0,r.jsxDEV)(e.code,{className:"hljs language-typescript",children:[(0,r.jsxDEV)(e.div,{"data-line":"1",className:"highlight-line","data-highlighted":"false",children:[(0,r.jsxDEV)(e.span,{className:"token keyword",children:"type"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:1,columnNumber:1},this)," ",(0,r.jsxDEV)(e.span,{className:"token class-name",children:"FlexboxProps"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:1,columnNumber:41},this)," ",(0,r.jsxDEV)(e.span,{className:"token operator",children:"="},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:1,columnNumber:92},this)," ",(0,r.jsxDEV)(e.span,{className:"token punctuation",children:"{"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:1,columnNumber:130},this),` `]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx"},this),(0,r.jsxDEV)(e.div,{"data-line":"2",className:"highlight-line","data-highlighted":"false",children:[" className",(0,r.jsxDEV)(e.span,{className:"token operator",children:"?"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:2,columnNumber:12},this),(0,r.jsxDEV)(e.span,{className:"token operator",children:":"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:2,columnNumber:49},this)," ",(0,r.jsxDEV)(e.span,{className:"token builtin",children:"string"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:2,columnNumber:87},this),(0,r.jsxDEV)(e.span,{className:"token punctuation",children:";"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:2,columnNumber:128},this),` `]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx"},this),(0,r.jsxDEV)(e.div,{"data-line":"3",className:"highlight-line","data-highlighted":"false",children:[" children",(0,r.jsxDEV)(e.span,{className:"token operator",children:"?"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:3,columnNumber:11},this),(0,r.jsxDEV)(e.span,{className:"token operator",children:":"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:3,columnNumber:48},this)," React",(0,r.jsxDEV)(e.span,{className:"token punctuation",children:"."},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:3,columnNumber:91},this),"ReactNode",(0,r.jsxDEV)(e.span,{className:"token punctuation",children:";"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:3,columnNumber:140},this),` `]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx"},this),(0,r.jsxDEV)(e.div,{"data-line":"4",className:"highlight-line","data-highlighted":"false",children:` `},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx"},this),(0,r.jsxDEV)(e.div,{"data-line":"5",className:"highlight-line","data-highlighted":"false",children:[" inline",(0,r.jsxDEV)(e.span,{className:"token operator",children:"?"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:5,columnNumber:9},this),(0,r.jsxDEV)(e.span,{className:"token operator",children:":"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:5,columnNumber:46},this)," ",(0,r.jsxDEV)(e.span,{className:"token builtin",children:"boolean"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:5,columnNumber:84},this),(0,r.jsxDEV)(e.span,{className:"token punctuation",children:";"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:5,columnNumber:126},this),` `]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx"},this),(0,r.jsxDEV)(e.div,{"data-line":"6",className:"highlight-line","data-highlighted":"false",children:[" vertical",(0,r.jsxDEV)(e.span,{className:"token operator",children:"?"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:6,columnNumber:11},this),(0,r.jsxDEV)(e.span,{className:"token operator",children:":"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:6,columnNumber:48},this)," ",(0,r.jsxDEV)(e.span,{className:"token builtin",children:"boolean"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:6,columnNumber:86},this),(0,r.jsxDEV)(e.span,{className:"token punctuation",children:";"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:6,columnNumber:128},this)," ",(0,r.jsxDEV)(e.span,{className:"token comment",children:"// column"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:6,columnNumber:169},this),` `]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx"},this),(0,r.jsxDEV)(e.div,{"data-line":"7",className:"highlight-line","data-highlighted":"false",children:[" wrap",(0,r.jsxDEV)(e.span,{className:"token operator",children:"?"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:7,columnNumber:7},this),(0,r.jsxDEV)(e.span,{className:"token operator",children:":"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:7,columnNumber:44},this)," ",(0,r.jsxDEV)(e.span,{className:"token builtin",children:"boolean"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:7,columnNumber:82},this),(0,r.jsxDEV)(e.span,{className:"token punctuation",children:";"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:7,columnNumber:124},this),` `]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx"},this),(0,r.jsxDEV)(e.div,{"data-line":"8",className:"highlight-line","data-highlighted":"false",children:[" noGrow",(0,r.jsxDEV)(e.span,{className:"token operator",children:"?"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:8,columnNumber:9},this),(0,r.jsxDEV)(e.span,{className:"token operator",children:":"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:8,columnNumber:46},this)," ",(0,r.jsxDEV)(e.span,{className:"token builtin",children:"boolean"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:8,columnNumber:84},this),(0,r.jsxDEV)(e.span,{className:"token punctuation",children:";"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:8,columnNumber:126},this)," ",(0,r.jsxDEV)(e.span,{className:"token comment",children:"// acts as no-grow and no-shrink"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:8,columnNumber:167},this),` `]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx"},this),(0,r.jsxDEV)(e.div,{"data-line":"9",className:"highlight-line","data-highlighted":"false",children:[" grow",(0,r.jsxDEV)(e.span,{className:"token operator",children:"?"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:9,columnNumber:7},this),(0,r.jsxDEV)(e.span,{className:"token operator",children:":"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:9,columnNumber:44},this)," ",(0,r.jsxDEV)(e.span,{className:"token builtin",children:"number"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:9,columnNumber:82},this),(0,r.jsxDEV)(e.span,{className:"token punctuation",children:";"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:9,columnNumber:123},this),` `]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx"},this),(0,r.jsxDEV)(e.div,{"data-line":"10",className:"highlight-line","data-highlighted":"false",children:[" shrink",(0,r.jsxDEV)(e.span,{className:"token operator",children:"?"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:10,columnNumber:9},this),(0,r.jsxDEV)(e.span,{className:"token operator",children:":"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:10,columnNumber:46},this)," ",(0,r.jsxDEV)(e.span,{className:"token builtin",children:"number"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:10,columnNumber:84},this),(0,r.jsxDEV)(e.span,{className:"token punctuation",children:";"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:10,columnNumber:125},this),` `]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx"},this),(0,r.jsxDEV)(e.div,{"data-line":"11",className:"highlight-line","data-highlighted":"false",children:[" basis",(0,r.jsxDEV)(e.span,{className:"token operator",children:"?"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:11,columnNumber:8},this),(0,r.jsxDEV)(e.span,{className:"token operator",children:":"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:11,columnNumber:45},this)," ",(0,r.jsxDEV)(e.span,{className:"token builtin",children:"number"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:11,columnNumber:83},this)," ",(0,r.jsxDEV)(e.span,{className:"token operator",children:"|"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:11,columnNumber:125},this)," ",(0,r.jsxDEV)(e.span,{className:"token string",children:"'auto'"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:11,columnNumber:163},this),(0,r.jsxDEV)(e.span,{className:"token punctuation",children:";"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:11,columnNumber:203},this),` `]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx"},this),(0,r.jsxDEV)(e.div,{"data-line":"12",className:"highlight-line","data-highlighted":"false",children:` `},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx"},this),(0,r.jsxDEV)(e.div,{"data-line":"13",className:"highlight-line","data-highlighted":"false",children:[" top",(0,r.jsxDEV)(e.span,{className:"token operator",children:"?"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:13,columnNumber:6},this),(0,r.jsxDEV)(e.span,{className:"token operator",children:":"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:13,columnNumber:43},this)," ",(0,r.jsxDEV)(e.span,{className:"token builtin",children:"boolean"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:13,columnNumber:81},this),(0,r.jsxDEV)(e.span,{className:"token punctuation",children:";"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:13,columnNumber:123},this),` `]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx"},this),(0,r.jsxDEV)(e.div,{"data-line":"14",className:"highlight-line","data-highlighted":"false",children:[" middle",(0,r.jsxDEV)(e.span,{className:"token operator",children:"?"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:14,columnNumber:9},this),(0,r.jsxDEV)(e.span,{className:"token operator",children:":"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:14,columnNumber:46},this)," ",(0,r.jsxDEV)(e.span,{className:"token builtin",children:"boolean"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:14,columnNumber:84},this),(0,r.jsxDEV)(e.span,{className:"token punctuation",children:";"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:14,columnNumber:126},this),` `]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx"},this),(0,r.jsxDEV)(e.div,{"data-line":"15",className:"highlight-line","data-highlighted":"false",children:[" bottom",(0,r.jsxDEV)(e.span,{className:"token operator",children:"?"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:15,columnNumber:9},this),(0,r.jsxDEV)(e.span,{className:"token operator",children:":"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:15,columnNumber:46},this)," ",(0,r.jsxDEV)(e.span,{className:"token builtin",children:"boolean"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:15,columnNumber:84},this),(0,r.jsxDEV)(e.span,{className:"token punctuation",children:";"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:15,columnNumber:126},this),` `]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx"},this),(0,r.jsxDEV)(e.div,{"data-line":"16",className:"highlight-line","data-highlighted":"false",children:[" left",(0,r.jsxDEV)(e.span,{className:"token operator",children:"?"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:16,columnNumber:7},this),(0,r.jsxDEV)(e.span,{className:"token operator",children:":"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:16,columnNumber:44},this)," ",(0,r.jsxDEV)(e.span,{className:"token builtin",children:"boolean"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:16,columnNumber:82},this),(0,r.jsxDEV)(e.span,{className:"token punctuation",children:";"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:16,columnNumber:124},this),` `]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx"},this),(0,r.jsxDEV)(e.div,{"data-line":"17",className:"highlight-line","data-highlighted":"false",children:[" center",(0,r.jsxDEV)(e.span,{className:"token operator",children:"?"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:17,columnNumber:9},this),(0,r.jsxDEV)(e.span,{className:"token operator",children:":"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:17,columnNumber:46},this)," ",(0,r.jsxDEV)(e.span,{className:"token builtin",children:"boolean"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:17,columnNumber:84},this),(0,r.jsxDEV)(e.span,{className:"token punctuation",children:";"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:17,columnNumber:126},this),` `]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx"},this),(0,r.jsxDEV)(e.div,{"data-line":"18",className:"highlight-line","data-highlighted":"false",children:[" right",(0,r.jsxDEV)(e.span,{className:"token operator",children:"?"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:18,columnNumber:8},this),(0,r.jsxDEV)(e.span,{className:"token operator",children:":"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:18,columnNumber:45},this)," ",(0,r.jsxDEV)(e.span,{className:"token builtin",children:"boolean"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:18,columnNumber:83},this),(0,r.jsxDEV)(e.span,{className:"token punctuation",children:";"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:18,columnNumber:125},this),` `]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx"},this),(0,r.jsxDEV)(e.div,{"data-line":"19",className:"highlight-line","data-highlighted":"false",children:[" between",(0,r.jsxDEV)(e.span,{className:"token operator",children:"?"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:19,columnNumber:10},this),(0,r.jsxDEV)(e.span,{className:"token operator",children:":"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:19,columnNumber:47},this)," ",(0,r.jsxDEV)(e.span,{className:"token builtin",children:"boolean"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:19,columnNumber:85},this),(0,r.jsxDEV)(e.span,{className:"token punctuation",children:";"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:19,columnNumber:127},this),` `]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx"},this),(0,r.jsxDEV)(e.div,{"data-line":"20",className:"highlight-line","data-highlighted":"false",children:[" around",(0,r.jsxDEV)(e.span,{className:"token operator",children:"?"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:20,columnNumber:9},this),(0,r.jsxDEV)(e.span,{className:"token operator",children:":"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:20,columnNumber:46},this)," ",(0,r.jsxDEV)(e.span,{className:"token builtin",children:"boolean"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:20,columnNumber:84},this),(0,r.jsxDEV)(e.span,{className:"token punctuation",children:";"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:20,columnNumber:126},this),` `]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx"},this),(0,r.jsxDEV)(e.div,{"data-line":"21",className:"highlight-line","data-highlighted":"false",children:[" gap",(0,r.jsxDEV)(e.span,{className:"token operator",children:"?"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:21,columnNumber:6},this),(0,r.jsxDEV)(e.span,{className:"token operator",children:":"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:21,columnNumber:43},this)," ",(0,r.jsxDEV)(e.span,{className:"token builtin",children:"boolean"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:21,columnNumber:81},this)," ",(0,r.jsxDEV)(e.span,{className:"token operator",children:"|"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:21,columnNumber:124},this)," ",(0,r.jsxDEV)(e.span,{className:"token builtin",children:"number"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:21,columnNumber:162},this),(0,r.jsxDEV)(e.span,{className:"token punctuation",children:";"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:21,columnNumber:203},this)," ",(0,r.jsxDEV)(e.span,{className:"token comment",children:"// add margin between children similar to grid-gap on grid"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:21,columnNumber:244},this),` `]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx"},this),(0,r.jsxDEV)(e.div,{"data-line":"22",className:"highlight-line","data-highlighted":"false",children:[(0,r.jsxDEV)(e.span,{className:"token punctuation",children:"}"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:22,columnNumber:1},this),(0,r.jsxDEV)(e.span,{className:"token punctuation",children:";"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:22,columnNumber:41},this),` `]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx"},this)]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:38,columnNumber:1},this)},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:38,columnNumber:1},this),` `,(0,r.jsxDEV)(e.p,{children:["Here is some example usage. See the ",(0,r.jsxDEV)(e.a,{href:"#example",children:"CodeSandbox"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:63,columnNumber:37},this)," down below for more."]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:63,columnNumber:1},this),` `,(0,r.jsxDEV)(e.pre,{children:(0,r.jsxDEV)(e.code,{className:"hljs language-jsx",children:[(0,r.jsxDEV)(e.div,{"data-line":"1",className:"highlight-line","data-highlighted":"false",children:[(0,r.jsxDEV)(e.span,{className:"token tag",children:[(0,r.jsxDEV)(e.span,{className:"token tag",children:[(0,r.jsxDEV)(e.span,{className:"token punctuation",children:"<"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:1,columnNumber:49},this),(0,r.jsxDEV)(e.span,{className:"token class-name",children:"Flexbox"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:1,columnNumber:94},this)]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:1,columnNumber:25},this)," ",(0,r.jsxDEV)(e.span,{className:"token attr-name",children:"vertical"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:1,columnNumber:147},this)," ",(0,r.jsxDEV)(e.span,{className:"token attr-name",children:"gap"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:1,columnNumber:193},this),(0,r.jsxDEV)(e.span,{className:"token script language-javascript",children:[(0,r.jsxDEV)(e.span,{className:"token script-punctuation punctuation",children:"="},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:1,columnNumber:280},this),(0,r.jsxDEV)(e.span,{className:"token punctuation",children:"{"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:1,columnNumber:339},this),(0,r.jsxDEV)(e.span,{className:"token number",children:"3"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:1,columnNumber:379},this),(0,r.jsxDEV)(e.span,{className:"token punctuation",children:"}"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:1,columnNumber:414},this)]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:1,columnNumber:233},this),(0,r.jsxDEV)(e.span,{className:"token punctuation",children:">"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:1,columnNumber:461},this)]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:1,columnNumber:1},this),(0,r.jsxDEV)(e.span,{className:"token plain-text"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:1,columnNumber:508},this),` `]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx"},this),(0,r.jsxDEV)(e.div,{"data-line":"2",className:"highlight-line","data-highlighted":"false",children:[(0,r.jsxDEV)(e.span,{className:"token plain-text",children:" "},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:2,columnNumber:1},this),(0,r.jsxDEV)(e.span,{className:"token tag",children:[(0,r.jsxDEV)(e.span,{className:"token tag",children:[(0,r.jsxDEV)(e.span,{className:"token punctuation",children:"<"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:2,columnNumber:89},this),(0,r.jsxDEV)(e.span,{className:"token class-name",children:"Flexbox"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:2,columnNumber:134},this)]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:2,columnNumber:65},this)," ",(0,r.jsxDEV)(e.span,{className:"token attr-name",children:"noGrow"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:2,columnNumber:187},this),(0,r.jsxDEV)(e.span,{className:"token punctuation",children:">"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:2,columnNumber:230},this)]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:2,columnNumber:41},this),(0,r.jsxDEV)(e.span,{className:"token plain-text"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:2,columnNumber:277},this),` `]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx"},this),(0,r.jsxDEV)(e.div,{"data-line":"3",className:"highlight-line","data-highlighted":"false",children:[(0,r.jsxDEV)(e.span,{className:"token plain-text",children:" "},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:3,columnNumber:1},this),(0,r.jsxDEV)(e.span,{className:"token tag",children:[(0,r.jsxDEV)(e.span,{className:"token tag",children:[(0,r.jsxDEV)(e.span,{className:"token punctuation",children:"<"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:3,columnNumber:91},this),"h1"]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:3,columnNumber:67},this),(0,r.jsxDEV)(e.span,{className:"token punctuation",children:">"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:3,columnNumber:145},this)]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:3,columnNumber:43},this),(0,r.jsxDEV)(e.span,{className:"token plain-text",children:"A Title for You"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:3,columnNumber:192},this),(0,r.jsxDEV)(e.span,{className:"token tag",children:[(0,r.jsxDEV)(e.span,{className:"token tag",children:[(0,r.jsxDEV)(e.span,{className:"token punctuation",children:""},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:3,columnNumber:348},this)]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:3,columnNumber:245},this),(0,r.jsxDEV)(e.span,{className:"token plain-text"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:3,columnNumber:395},this),` `]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx"},this),(0,r.jsxDEV)(e.div,{"data-line":"4",className:"highlight-line","data-highlighted":"false",children:[(0,r.jsxDEV)(e.span,{className:"token plain-text",children:" "},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:4,columnNumber:1},this),(0,r.jsxDEV)(e.span,{className:"token tag",children:[(0,r.jsxDEV)(e.span,{className:"token tag",children:[(0,r.jsxDEV)(e.span,{className:"token punctuation",children:""},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:4,columnNumber:187},this)]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:4,columnNumber:41},this),(0,r.jsxDEV)(e.span,{className:"token plain-text"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:4,columnNumber:234},this),` `]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx"},this),(0,r.jsxDEV)(e.div,{"data-line":"5",className:"highlight-line","data-highlighted":"false",children:[(0,r.jsxDEV)(e.span,{className:"token plain-text",children:" "},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:5,columnNumber:1},this),(0,r.jsxDEV)(e.span,{className:"token tag",children:[(0,r.jsxDEV)(e.span,{className:"token tag",children:[(0,r.jsxDEV)(e.span,{className:"token punctuation",children:"<"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:5,columnNumber:89},this),(0,r.jsxDEV)(e.span,{className:"token class-name",children:"Flexbox"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:5,columnNumber:134},this)]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:5,columnNumber:65},this)," ",(0,r.jsxDEV)(e.span,{className:"token attr-name",children:"bottom"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:5,columnNumber:187},this),(0,r.jsxDEV)(e.span,{className:"token punctuation",children:">"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:5,columnNumber:230},this)]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:5,columnNumber:41},this),(0,r.jsxDEV)(e.span,{className:"token plain-text"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:5,columnNumber:277},this),` `]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx"},this),(0,r.jsxDEV)(e.div,{"data-line":"6",className:"highlight-line","data-highlighted":"false",children:[(0,r.jsxDEV)(e.span,{className:"token plain-text",children:" "},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:6,columnNumber:1},this),(0,r.jsxDEV)(e.span,{className:"token tag",children:[(0,r.jsxDEV)(e.span,{className:"token tag",children:[(0,r.jsxDEV)(e.span,{className:"token punctuation",children:"<"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:6,columnNumber:91},this),"p"]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:6,columnNumber:67},this),(0,r.jsxDEV)(e.span,{className:"token punctuation",children:">"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:6,columnNumber:144},this)]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:6,columnNumber:43},this),(0,r.jsxDEV)(e.span,{className:"token plain-text"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:6,columnNumber:191},this),` `]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx"},this),(0,r.jsxDEV)(e.div,{"data-line":"7",className:"highlight-line","data-highlighted":"false",children:[(0,r.jsxDEV)(e.span,{className:"token plain-text",children:" This is some copy to show how the box will fill the whole area but the text will be aligned"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:7,columnNumber:1},this),` `]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx"},this),(0,r.jsxDEV)(e.div,{"data-line":"8",className:"highlight-line","data-highlighted":"false",children:[(0,r.jsxDEV)(e.span,{className:"token plain-text",children:" bottom."},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:8,columnNumber:1},this),` `]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx"},this),(0,r.jsxDEV)(e.div,{"data-line":"9",className:"highlight-line","data-highlighted":"false",children:[(0,r.jsxDEV)(e.span,{className:"token plain-text",children:" "},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:9,columnNumber:1},this),(0,r.jsxDEV)(e.span,{className:"token tag",children:[(0,r.jsxDEV)(e.span,{className:"token tag",children:[(0,r.jsxDEV)(e.span,{className:"token punctuation",children:""},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:9,columnNumber:145},this)]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:9,columnNumber:43},this),(0,r.jsxDEV)(e.span,{className:"token plain-text"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:9,columnNumber:192},this),` `]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx"},this),(0,r.jsxDEV)(e.div,{"data-line":"10",className:"highlight-line","data-highlighted":"false",children:[(0,r.jsxDEV)(e.span,{className:"token plain-text",children:" "},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:10,columnNumber:1},this),(0,r.jsxDEV)(e.span,{className:"token tag",children:[(0,r.jsxDEV)(e.span,{className:"token tag",children:[(0,r.jsxDEV)(e.span,{className:"token punctuation",children:""},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:10,columnNumber:187},this)]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:10,columnNumber:41},this),(0,r.jsxDEV)(e.span,{className:"token plain-text"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:10,columnNumber:234},this),` `]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx"},this),(0,r.jsxDEV)(e.div,{"data-line":"11",className:"highlight-line","data-highlighted":"false",children:[(0,r.jsxDEV)(e.span,{className:"token plain-text"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:11,columnNumber:1},this),(0,r.jsxDEV)(e.span,{className:"token tag",children:[(0,r.jsxDEV)(e.span,{className:"token tag",children:[(0,r.jsxDEV)(e.span,{className:"token punctuation",children:""},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:11,columnNumber:185},this)]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:11,columnNumber:39},this),` `]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx"},this)]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:65,columnNumber:1},this)},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:65,columnNumber:1},this),` `,(0,r.jsxDEV)(e.h2,{id:"grid",children:"Grid"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:79,columnNumber:1},this),` `,(0,r.jsxDEV)(e.p,{children:"Grid is another one of my favorites and it's also very opinionated to suit my needs. The idea is to use CSS grid to create layouts. Depending on the project it can align with a design grid."},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:81,columnNumber:1},this),` `,(0,r.jsxDEV)(e.p,{children:["This can be paired with Flexbox for some powerful layouts. Add the ",(0,r.jsxDEV)(e.code,{children:"sx"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:83,columnNumber:68},this)," prop from Theme UI for some wonderful ",(0,r.jsxDEV)(e.a,{href:"https://theme-ui.com/theme-spec#breakpoints",rel:"nofollow",children:"breakpoint awesomeness"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:83,columnNumber:111},this),"."]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:83,columnNumber:1},this),` `,(0,r.jsxDEV)(e.p,{children:"Let's take a look at the props."},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:85,columnNumber:1},this),` `,(0,r.jsxDEV)(e.pre,{children:(0,r.jsxDEV)(e.code,{className:"hljs language-typescript",children:[(0,r.jsxDEV)(e.div,{"data-line":"1",className:"highlight-line","data-highlighted":"false",children:[(0,r.jsxDEV)(e.span,{className:"token keyword",children:"type"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:1,columnNumber:1},this)," ",(0,r.jsxDEV)(e.span,{className:"token class-name",children:"GridProps"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:1,columnNumber:41},this)," ",(0,r.jsxDEV)(e.span,{className:"token operator",children:"="},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:1,columnNumber:89},this)," ",(0,r.jsxDEV)(e.span,{className:"token punctuation",children:"{"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:1,columnNumber:127},this),` `]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx"},this),(0,r.jsxDEV)(e.div,{"data-line":"2",className:"highlight-line","data-highlighted":"false",children:[" className",(0,r.jsxDEV)(e.span,{className:"token operator",children:"?"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:2,columnNumber:12},this),(0,r.jsxDEV)(e.span,{className:"token operator",children:":"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:2,columnNumber:49},this)," ",(0,r.jsxDEV)(e.span,{className:"token builtin",children:"string"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:2,columnNumber:87},this),(0,r.jsxDEV)(e.span,{className:"token punctuation",children:";"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:2,columnNumber:128},this),` `]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx"},this),(0,r.jsxDEV)(e.div,{"data-line":"3",className:"highlight-line","data-highlighted":"false",children:[" children",(0,r.jsxDEV)(e.span,{className:"token operator",children:":"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:3,columnNumber:11},this)," React",(0,r.jsxDEV)(e.span,{className:"token punctuation",children:"."},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:3,columnNumber:54},this),"ReactNode",(0,r.jsxDEV)(e.span,{className:"token punctuation",children:";"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:3,columnNumber:103},this),` `]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx"},this),(0,r.jsxDEV)(e.div,{"data-line":"4",className:"highlight-line","data-highlighted":"false",children:[" gap",(0,r.jsxDEV)(e.span,{className:"token operator",children:"?"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:4,columnNumber:6},this),(0,r.jsxDEV)(e.span,{className:"token operator",children:":"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:4,columnNumber:43},this)," ",(0,r.jsxDEV)(e.span,{className:"token builtin",children:"string"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:4,columnNumber:81},this)," ",(0,r.jsxDEV)(e.span,{className:"token operator",children:"|"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:4,columnNumber:123},this)," ",(0,r.jsxDEV)(e.span,{className:"token builtin",children:"number"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:4,columnNumber:161},this),(0,r.jsxDEV)(e.span,{className:"token punctuation",children:";"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:4,columnNumber:202},this)," ",(0,r.jsxDEV)(e.span,{className:"token comment",children:"// grid-gap"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:4,columnNumber:243},this),` `]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx"},this),(0,r.jsxDEV)(e.div,{"data-line":"5",className:"highlight-line","data-highlighted":"false",children:[" columns",(0,r.jsxDEV)(e.span,{className:"token operator",children:"?"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:5,columnNumber:10},this),(0,r.jsxDEV)(e.span,{className:"token operator",children:":"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:5,columnNumber:47},this)," ",(0,r.jsxDEV)(e.span,{className:"token builtin",children:"string"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:5,columnNumber:85},this)," ",(0,r.jsxDEV)(e.span,{className:"token operator",children:"|"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:5,columnNumber:127},this)," ",(0,r.jsxDEV)(e.span,{className:"token builtin",children:"string"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:5,columnNumber:165},this),(0,r.jsxDEV)(e.span,{className:"token punctuation",children:"["},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:5,columnNumber:206},this),(0,r.jsxDEV)(e.span,{className:"token punctuation",children:"]"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:5,columnNumber:246},this),(0,r.jsxDEV)(e.span,{className:"token punctuation",children:";"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:5,columnNumber:286},this)," ",(0,r.jsxDEV)(e.span,{className:"token comment",children:"// grid-template-columns"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:5,columnNumber:327},this),` `]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx"},this),(0,r.jsxDEV)(e.div,{"data-line":"6",className:"highlight-line","data-highlighted":"false",children:[" rows",(0,r.jsxDEV)(e.span,{className:"token operator",children:"?"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:6,columnNumber:7},this),(0,r.jsxDEV)(e.span,{className:"token operator",children:":"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:6,columnNumber:44},this)," ",(0,r.jsxDEV)(e.span,{className:"token builtin",children:"string"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:6,columnNumber:82},this)," ",(0,r.jsxDEV)(e.span,{className:"token operator",children:"|"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:6,columnNumber:124},this)," ",(0,r.jsxDEV)(e.span,{className:"token builtin",children:"string"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:6,columnNumber:162},this),(0,r.jsxDEV)(e.span,{className:"token punctuation",children:"["},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:6,columnNumber:203},this),(0,r.jsxDEV)(e.span,{className:"token punctuation",children:"]"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:6,columnNumber:243},this),(0,r.jsxDEV)(e.span,{className:"token punctuation",children:";"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:6,columnNumber:283},this)," ",(0,r.jsxDEV)(e.span,{className:"token comment",children:"// grid-template-rows"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:6,columnNumber:324},this),` `]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx"},this),(0,r.jsxDEV)(e.div,{"data-line":"7",className:"highlight-line","data-highlighted":"false",children:[(0,r.jsxDEV)(e.span,{className:"token punctuation",children:"}"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:7,columnNumber:1},this),(0,r.jsxDEV)(e.span,{className:"token punctuation",children:";"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:7,columnNumber:41},this),` `]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx"},this)]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:87,columnNumber:1},this)},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:87,columnNumber:1},this),` `,(0,r.jsxDEV)(e.p,{children:["Here's an example of using it. See more examples in the ",(0,r.jsxDEV)(e.a,{href:"#example",children:"CodeSandbox"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:97,columnNumber:57},this),"."]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:97,columnNumber:1},this),` `,(0,r.jsxDEV)(e.pre,{children:(0,r.jsxDEV)(e.code,{className:"hljs language-jsx",children:[(0,r.jsxDEV)(e.div,{"data-line":"1",className:"highlight-line","data-highlighted":"false",children:[(0,r.jsxDEV)(e.span,{className:"token tag",children:[(0,r.jsxDEV)(e.span,{className:"token tag",children:[(0,r.jsxDEV)(e.span,{className:"token punctuation",children:"<"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:1,columnNumber:49},this),(0,r.jsxDEV)(e.span,{className:"token class-name",children:"Grid"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:1,columnNumber:94},this)]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:1,columnNumber:25},this)," ",(0,r.jsxDEV)(e.span,{className:"token attr-name",children:"columns"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:1,columnNumber:144},this),(0,r.jsxDEV)(e.span,{className:"token attr-value",children:[(0,r.jsxDEV)(e.span,{className:"token punctuation attr-equals",children:"="},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:1,columnNumber:219},this),(0,r.jsxDEV)(e.span,{className:"token punctuation",children:'"'},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:1,columnNumber:271},this),"1fr 1fr",(0,r.jsxDEV)(e.span,{className:"token punctuation",children:'"'},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:1,columnNumber:318},this)]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:1,columnNumber:188},this)," ",(0,r.jsxDEV)(e.span,{className:"token attr-name",children:"gap"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:1,columnNumber:366},this),(0,r.jsxDEV)(e.span,{className:"token attr-value",children:[(0,r.jsxDEV)(e.span,{className:"token punctuation attr-equals",children:"="},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:1,columnNumber:437},this),(0,r.jsxDEV)(e.span,{className:"token punctuation",children:'"'},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:1,columnNumber:489},this),"2",(0,r.jsxDEV)(e.span,{className:"token punctuation",children:'"'},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:1,columnNumber:530},this)]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:1,columnNumber:406},this),(0,r.jsxDEV)(e.span,{className:"token punctuation",children:">"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:1,columnNumber:577},this)]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:1,columnNumber:1},this),(0,r.jsxDEV)(e.span,{className:"token plain-text"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:1,columnNumber:624},this),` `]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx"},this),(0,r.jsxDEV)(e.div,{"data-line":"2",className:"highlight-line","data-highlighted":"false",children:[(0,r.jsxDEV)(e.span,{className:"token plain-text",children:" "},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:2,columnNumber:1},this),(0,r.jsxDEV)(e.span,{className:"token tag",children:[(0,r.jsxDEV)(e.span,{className:"token tag",children:[(0,r.jsxDEV)(e.span,{className:"token punctuation",children:"<"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:2,columnNumber:89},this),"img"]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:2,columnNumber:65},this)," ",(0,r.jsxDEV)(e.span,{className:"token attr-name",children:"src"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:2,columnNumber:145},this),(0,r.jsxDEV)(e.span,{className:"token attr-value",children:[(0,r.jsxDEV)(e.span,{className:"token punctuation attr-equals",children:"="},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:2,columnNumber:216},this),(0,r.jsxDEV)(e.span,{className:"token punctuation",children:'"'},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:2,columnNumber:268},this),"myImage.png",(0,r.jsxDEV)(e.span,{className:"token punctuation",children:'"'},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:2,columnNumber:319},this)]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:2,columnNumber:185},this)," ",(0,r.jsxDEV)(e.span,{className:"token punctuation",children:"/>"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:2,columnNumber:367},this)]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:2,columnNumber:41},this),(0,r.jsxDEV)(e.span,{className:"token plain-text"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:2,columnNumber:415},this),` `]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx"},this),(0,r.jsxDEV)(e.div,{"data-line":"3",className:"highlight-line","data-highlighted":"false",children:[(0,r.jsxDEV)(e.span,{className:"token plain-text",children:" "},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:3,columnNumber:1},this),(0,r.jsxDEV)(e.span,{className:"token tag",children:[(0,r.jsxDEV)(e.span,{className:"token tag",children:[(0,r.jsxDEV)(e.span,{className:"token punctuation",children:"<"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:3,columnNumber:89},this),"img"]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:3,columnNumber:65},this)," ",(0,r.jsxDEV)(e.span,{className:"token attr-name",children:"src"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:3,columnNumber:145},this),(0,r.jsxDEV)(e.span,{className:"token attr-value",children:[(0,r.jsxDEV)(e.span,{className:"token punctuation attr-equals",children:"="},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:3,columnNumber:216},this),(0,r.jsxDEV)(e.span,{className:"token punctuation",children:'"'},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:3,columnNumber:268},this),"catsSinging.png",(0,r.jsxDEV)(e.span,{className:"token punctuation",children:'"'},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:3,columnNumber:323},this)]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:3,columnNumber:185},this)," ",(0,r.jsxDEV)(e.span,{className:"token punctuation",children:"/>"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:3,columnNumber:371},this)]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:3,columnNumber:41},this),(0,r.jsxDEV)(e.span,{className:"token plain-text"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:3,columnNumber:419},this),` `]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx"},this),(0,r.jsxDEV)(e.div,{"data-line":"4",className:"highlight-line","data-highlighted":"false",children:[(0,r.jsxDEV)(e.span,{className:"token plain-text"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:4,columnNumber:1},this),(0,r.jsxDEV)(e.span,{className:"token tag",children:[(0,r.jsxDEV)(e.span,{className:"token tag",children:[(0,r.jsxDEV)(e.span,{className:"token punctuation",children:""},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:4,columnNumber:182},this)]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:4,columnNumber:39},this),` `]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx"},this)]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:99,columnNumber:1},this)},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:99,columnNumber:1},this)]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx",lineNumber:1,columnNumber:1},this)}function sc(t={}){let{wrapper:e}=t.components||{};return e?(0,r.jsxDEV)(e,Object.assign({},t,{children:(0,r.jsxDEV)(la,t,void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx"},this)}),void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-ba133205-664b-482e-9a30-6f1ed3094b55.mdx"},this):la(t)}var cc=sc;return pr(bc);})(); /*! Bundled license information: react/cjs/react-jsx-dev-runtime.development.js: (** * @license React * react-jsx-dev-runtime.development.js * * Copyright (c) Facebook, Inc. and its affiliates. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. *) */ ;return Component;

Tag: layout

My Favorite Layout Components in React