docusaurus/assets/js/01657c2b.35b01099.js

(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([["8623"],{64027:function(e,t,n){"use strict";n.d(t,{Z:()=>o});let o=n.p+"assets/images/oss_logo-25c7e8934a28d0f23722c77adb6e7da4.png"},65945:function(e,t,n){"use strict";n.d(t,{Z:()=>o});let o="data:image/png;base64,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"},9939:function(e,t,n){"use strict";n.r(t),n.d(t,{frontMatter:()=>d,default:()=>m,contentTitle:()=>c,assets:()=>h,docusaurusRequire:()=>u,toc:()=>g,metadata:()=>o});var o=JSON.parse('{"id":"tests/images/index","title":"Image Tests","description":"URL encoded image","source":"@site/_dogfooding/_docs tests/tests/images/index.mdx","sourceDirName":"tests/images","slug":"/tests/images/","permalink":"/tests/docs/tests/images/","draft":false,"unlisted":false,"tags":[],"version":"current","lastUpdatedBy":"S\xe9bastien Lorber","lastUpdatedAt":1742470407000,"frontMatter":{"image":"./img/oss_logo.png"},"sidebar":"sidebar","previous":{"title":"Sample doc","permalink":"/tests/docs/tests/category-links/with-readme-doc/sample-doc"},"next":{"title":"Import Bad Package","permalink":"/tests/docs/tests/import-bad-package"}}'),s=n(85893),i=n(80980),r=n(11037),a=n(41949),l=n.n(a);let d={image:"./img/oss_logo.png"},c="Image Tests",h={image:n(64027).Z},u=n(41949),g=[{value:"Regular images",id:"regular-images",level:2},{value:"Ideal images",id:"ideal-images",level:2},{value:"CSS Image",id:"css-image",level:2}];function p(e){let t={h1:"h1",h2:"h2",header:"header",img:"img",p:"p",...(0,i.a)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.header,{children:(0,s.jsx)(t.h1,{id:"image-tests",children:"Image Tests"})}),"\n","\n","\n","\n",(0,s.jsx)(t.p,{children:(0,s.jsx)(t.img,{alt:"URL encoded image",src:n(65945).Z+"",width:"256",height:"82"})}),"\n",(0,s.jsx)(t.h2,{id:"regular-images",children:"Regular images"}),"\n",(0,s.jsx)(t.p,{children:"Those only render in DEV when IdealImage plugin is disabled."}),"\n",(0,s.jsx)("img",{src:l()}),"\n",(0,s.jsx)("img",{src:u.default}),"\n",(0,s.jsx)(t.h2,{id:"ideal-images",children:"Ideal images"}),"\n",(0,s.jsx)(r.Z,{img:l()}),"\n",(0,s.jsx)(r.Z,{img:u}),"\n",(0,s.jsx)(t.h2,{id:"css-image",children:"CSS Image"}),"\n","\n",(0,s.jsx)(t.p,{children:"This should display a div with have a background image"}),"\n",(0,s.jsx)("div",{className:"dogfood-image-test-css",style:{border:"solid",height:"10rem"}})]})}function m(e={}){let{wrapper:t}={...(0,i.a)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(p,{...e})}):p(e)}m.displayName="MDXContent(_dogfooding/_docs tests/tests/images/index.mdx)"},41949:function(e,t,n){e.exports={src:{srcSet:n.p+"assets/ideal-img/docusaurus.30c6ff4.200.png 200w",images:[{path:n.p+"assets/ideal-img/docusaurus.30c6ff4.200.png",width:200,height:200}],src:n.p+"assets/ideal-img/docusaurus.30c6ff4.200.png",toString:function(){return n.p+"assets/ideal-img/docusaurus.30c6ff4.200.png"},placeholder:void 0,width:200,height:200},preSrc:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAACXBIWXMAAAsTAAALEwEAmpwYAAABm0lEQVR4nEXNP0hbQQDH8aM0RQoudlNwdZLg00IaffdCCDpoqlhSGzV3xxOz6FRq5w6BQkcVJIJYCFg6CILQQqGkgkjiu5fEf0QjBlETmyJaEKSm5n7yunT4bh9+P0IIIe2y73GgFG3u3h1rMJLGw6iMu6KIu+KQLgAPHENCu6FHdJOtepPhGz0VOaa2kB5rJNORemW3/RjcaV3rX27JP68ngfxEI7X5b/d8D559G1K+/BjC+28xeRBTbw4+4N3x7N/3p3NuErDNRn2TXfm2TOgWq1HJ1VLxq5KHhZp1WMB2oVgtnlbcxOtAya6MjIAhmfJaHHzPxMzZuFqoTCJx/vouUZrSiCfLmv7BrAC1uNItjhd7EXwsD+Ki5K9d3/Uh9nN4+v9iVkC3uPLbHJ/LIXzJdSO1ruOs0oscwj2ky+KdVPJLI2dCl0L5MgIjBYbh/VGspAO1i8texH5FZgmV7BOV3Lm9pZJVnbp2RDV4JKr2efBP+bof4ydskTxNR55402aHviE0J/+G0DxSaDOllxow0P79dtRNkrzuHtwg5HIaPwQEAAAAAElFTkSuQmCC"}},11037:function(e,t,n){"use strict";n.d(t,{Z:()=>ee});var o=n(85893),s=n(67294),i=n(77827);function r(e,t,n,o){return e.addEventListener(t,n,o),()=>e.removeEventListener(t,n,o)}function a(e){return"undefined"!=typeof window?(0,o.jsx)(l,{...e,children:e.children}):e.children}class l extends s.Component{static defaultProps={topOffset:0,bottomOffset:0,onEnter(){},onLeave(){}};scrollableAncestor;previousPosition=null;unsubscribe;innerRef=(0,s.createRef)();componentDidMount(){this.scrollableAncestor=function(e){let t=e;for(;t.parentNode&&(t=t.parentNode)!==document.body;){let e=window.getComputedStyle(t),n=e.getPropertyValue("overflow-y")||e.getPropertyValue("overflow");if("auto"===n||"scroll"===n||"overlay"===n)return t}return window}(this.innerRef.current);let e=r(this.scrollableAncestor,"scroll",this._handleScroll,{passive:!0}),t=r(window,"resize",this._handleScroll,{passive:!0});this.unsubscribe=()=>{e(),t()},this._handleScroll()}componentDidUpdate(){this._handleScroll()}componentWillUnmount(){this.unsubscribe?.()}_handleScroll=()=>{var e;let t=this.innerRef.current,{topOffset:n,bottomOffset:o,onEnter:s,onLeave:i}=this.props,r=(e=function(e){let t,n,{node:o,scrollableAncestor:s,topOffset:i,bottomOffset:r}=e,{top:a,bottom:l}=o.getBoundingClientRect();s===window?(t=window.innerHeight,n=0):(t=s.offsetHeight,n=s.getBoundingClientRect().top);let d=n+t;return{top:a,bottom:l,viewportTop:n+i,viewportBottom:d-r}}({node:t,scrollableAncestor:this.scrollableAncestor,topOffset:n,bottomOffset:o})).viewportBottom-e.viewportTop==0?"invisible":e.viewportTop<=e.top&&e.top<=e.viewportBottom||e.viewportTop<=e.bottom&&e.bottom<=e.viewportBottom||e.top<=e.viewportTop&&e.viewportBottom<=e.bottom?"inside":e.viewportBottom<e.top?"below":e.top<e.viewportTop?"above":"invisible",a=this.previousPosition;this.previousPosition=r,a!==r&&("inside"===r?s():"inside"===a&&i(),("below"===a&&"above"===r||"above"===a&&"below"===r)&&(s(),i()))};render(){return s.cloneElement(this.props.children,{innerRef:this.innerRef})}}function d(){let e;for(var t=arguments.length,n=Array(t),o=0;o<t;o++)n[o]=arguments[o];let s=[];for(let t of n)if(t instanceof Object)Object.assign(e||(e={}),t);else if(void 0===t||!1===t);else if("string"==typeof t)s.push(t);else throw Error(`Unexpected value ${t}`);return{className:s.length>1?s.join(" "):s[0],style:e}}let c="loading",h="loaded",u="error",g={load:"load",loading:c,loaded:h,error:u,noicon:"noicon",offline:"offline"},{load:p,loading:m,loaded:w,error:f,noicon:A,offline:v}=g;class b extends s.PureComponent{static defaultProps={iconColor:"#fff",iconSize:64};constructor(e){super(e),this.state={isMounted:!1}}componentDidMount(){this.setState({isMounted:!0}),this.props.onDimensions&&this.dimensionElement&&this.props.onDimensions({width:this.dimensionElement.clientWidth||this.dimensionElement.parentNode.clientWidth,height:this.dimensionElement.clientHeight||this.dimensionElement.parentNode.clientHeight})}renderIcon(e){let{icon:t,icons:n,iconColor:o,iconSize:i,theme:r}=e,a=n[t];if(!a)return null;let l=d({width:i+100,height:i,color:o},r.icon);return s.createElement("div",l,[s.createElement(a,{fill:o,size:i,key:"icon"}),s.createElement("br",{key:"br"}),this.props.message])}renderImage(e){return e.icon===w?(0,o.jsx)("img",{...d(e.theme.img),src:e.src,alt:e.alt,width:e.width,height:e.height}):(0,o.jsx)("svg",{...d(e.theme.img),width:e.width,height:e.height,ref:e=>this.dimensionElement=e})}renderNoscript(e){return this.state.isMounted?null:(0,o.jsx)("noscript",{children:(0,o.jsx)("img",{...d(e.theme.img,e.theme.noscript),src:e.nsSrc,srcSet:e.nsSrcSet,alt:e.alt,width:e.width,height:e.height})})}render(){let e;let t=this.props,{placeholder:n,theme:s}=t;return e=t.icon===w?{}:n.lqip?{backgroundImage:`url("${n.lqip}")`}:{backgroundColor:n.color},(0,o.jsxs)("div",{...d(s.placeholder,e,t.style,t.className),onClick:this.props.onClick,onKeyPress:this.props.onClick,ref:this.props.innerRef,children:[this.renderImage(t),this.renderNoscript(t),this.renderIcon(t)]})}}class C{constructor(){this.signal={onabort:()=>{}},this.abort=()=>this.signal.onabort()}}let S=(e,t)=>(t=t||{},new Promise((n,o)=>{let s=new XMLHttpRequest;for(let n in s.open(t.method||"get",e,!0),t.headers)s.setRequestHeader(n,t.headers[n]);s.withCredentials="include"===t.credentials,s.onload=()=>{n(function e(){let t;let n=[],o=[],i={};return s.getAllResponseHeaders().replace(/^(.*?):\s*?([\s\S]*?)$/gm,(e,s,r)=>{n.push(s=s.toLowerCase()),o.push([s,r]),t=i[s],i[s]=t?`${t},${r}`:r}),{ok:(s.status/100|0)==2,status:s.status,statusText:s.statusText,url:s.responseURL,clone:e,text:()=>Promise.resolve(s.responseText),json:()=>Promise.resolve(s.responseText).then(JSON.parse),blob:()=>Promise.resolve(new Blob([s.response])),headers:{keys:()=>n,entries:()=>o,get:e=>i[e.toLowerCase()],has:e=>e.toLowerCase()in i}}}())},s.onerror=o,t.signal&&(t.signal.onabort=()=>{s.onerror=s.onload=void 0,s.abort()}),s.send(t.body)})),x=(e,t)=>{if(!t)return e;let n=e.then(e=>e,e=>e);return n.cancel=()=>{e.cancel(),t.cancel()},n},I=e=>{let t;let n=new Promise(n=>{t=setTimeout(n,e)});return n.cancel=()=>{clearTimeout(t),t=void 0},n},E=e=>{let t=new Image,n=new Promise((n,o)=>{t.onload=n,t.onabort=t.onerror=()=>o({}),t.src=e});return n.cancel=()=>{if(!t)throw Error("Already canceled");t.onload=t.onabort=t.onerror=void 0,t.src="",t=void 0},n},L=(e,t)=>{let n=new C,o=n.signal,s=new Promise((n,s)=>S(e,{...t,signal:o}).then(t=>{t.ok?t.blob().then(()=>E(e)).then(n):s({status:t.status})},s));return s.cancel=()=>{if(!n)throw Error("Already canceled");n.abort(),n=void 0},s},B="undefined"==typeof window||"ReactSnap"===window.navigator.userAgent,M=!B&&!!window.navigator.connection,k=(e,t)=>{let n;if(B)return 0;t||(t=window);let o=e.width,{screen:s}=t,i=s.width,r=s.height,{documentElement:a}=document,l=t.innerWidth||a.clientWidth,d=t.innerHeight||a.clientHeight,c=t.devicePixelRatio||1;if(i>l){let e=document.getElementsByTagName("body")[0],t=l-o;n=(e.clientHeight>d||e.clientHeight>r)&&t<=15?i-t:o/l*i}else n=o;return n*c},H=e=>{let t=["Bytes","KB","MB","GB","TB"];if(0===e)return"n/a";let n=parseInt(Math.floor(Math.log(e)/Math.log(1024)),10);return 0===n?`${e} ${t[n]}`:`${(e/1024**n).toFixed(1)} ${t[n]}`},V=(()=>{if(B)return!1;let e=document.createElement("canvas");return!!(e.getContext&&e.getContext("2d"))&&0===e.toDataURL("image/webp").indexOf("data:image/webp")})(),y=e=>"webp"===e.format||e.src&&e.src.match(/\.webp($|\?.*)/i),j=e=>{let t,n,{srcSet:o,maxImageWidth:s,supportsWebp:i}=e;if(0===o.length)throw Error("Need at least one item in srcSet");if(i)0===(t=o.filter(y)).length&&(t=o);else if(0===(t=o.filter(e=>!y(e))).length)throw Error("Need at least one supported format item in srcSet");let r=t.filter(e=>e.width>=s);return 0===r.length?(r=t,n=Math.max.apply(null,r.map(e=>e.width))):n=Math.min.apply(null,r.map(e=>e.width)),t.filter(e=>e.width===n)[0]},N=e=>{let{srcSet:t,getUrl:n}=e;if(!B)return{};let o=t.filter(e=>!y(e)),s=o[0];return{nsSrcSet:o.map(e=>`${n?n(e):e.src} ${e.width}w`).join(","),nsSrc:n?n(s):s.src,ssr:B}},{initial:O,loading:T,loaded:U,error:P}={initial:"initial",loading:c,loaded:h,error:u},D=e=>{let{connection:t,size:n,threshold:o,possiblySlowNetwork:s}=e;if(s)return!1;if(!t)return!0;let{downlink:i,rtt:r,effectiveType:a}=t;switch(a){case"slow-2g":case"2g":return!1;case"3g":if(i&&n&&o)return 8*n/(1e3*i)+r<o;return!1;default:return!0}},J=(e,t)=>{switch(e){case g.noicon:case g.loaded:return null;case g.loading:return"Loading...";case g.load:let{pickedSrc:n}=t,{size:s}=n;if(s)return["Click to load (",(0,o.jsx)("nobr",{children:H(s)},"nb"),")"];return"Click to load";case g.offline:return"Your browser is offline. Image not loaded";case g.error:let{loadInfo:i}=t;if(404===i)return"404. Image not found";return"Error. Click to reload";default:throw Error(`Wrong icon: ${e}`)}},R=e=>{let{loadState:t,onLine:n,overThreshold:o,userTriggered:s}=e;if(B)return g.noicon;switch(t){case U:return g.loaded;case T:return o?g.loading:g.noicon;case O:if(!n)return g.offline;{let{shouldAutoDownload:t}=e;if(void 0===t)return g.noicon;return s||!t?g.load:g.noicon}case P:return n?g.error:g.offline;default:throw Error(`Wrong state: ${t}`)}};class z extends s.Component{constructor(e){super(e),this.state={loadState:O,connection:M?{downlink:navigator.connection.downlink,rtt:navigator.connection.rtt,effectiveType:navigator.connection.effectiveType}:null,onLine:!0,overThreshold:!1,inViewport:!1,userTriggered:!1,possiblySlowNetwork:!1}}static defaultProps={shouldAutoDownload:D,getMessage:J,getIcon:R,loader:"xhr"};componentDidMount(){M?(this.updateConnection=()=>{navigator.onLine&&this.state.loadState===O&&this.setState({connection:{effectiveType:navigator.connection.effectiveType,downlink:navigator.connection.downlink,rtt:navigator.connection.rtt}})},navigator.connection.addEventListener("onchange",this.updateConnection)):this.props.threshold&&(this.possiblySlowNetworkListener=e=>{if(this.state.loadState!==O)return;let{possiblySlowNetwork:t}=e.detail;!this.state.possiblySlowNetwork&&t&&this.setState({possiblySlowNetwork:t})},window.document.addEventListener("possiblySlowNetwork",this.possiblySlowNetworkListener)),this.updateOnlineStatus=()=>this.setState({onLine:navigator.onLine}),this.updateOnlineStatus(),window.addEventListener("online",this.updateOnlineStatus),window.addEventListener("offline",this.updateOnlineStatus)}componentWillUnmount(){this.clear(),M?navigator.connection.removeEventListener("onchange",this.updateConnection):this.props.threshold&&window.document.removeEventListener("possiblySlowNetwork",this.possiblySlowNetworkListener),window.removeEventListener("online",this.updateOnlineStatus),window.removeEventListener("offline",this.updateOnlineStatus)}onClick=()=>{let{loadState:e,onLine:t,overThreshold:n}=this.state;if(t)switch(e){case T:n&&this.cancel(!0);return;case U:return;case O:case P:this.load(!0);return;default:throw Error(`Wrong state: ${e}`)}};clear(){this.loader&&(this.loader.cancel(),this.loader=void 0)}cancel(e){T===this.state.loadState&&(this.clear(),this.loadStateChange(O,e))}loadStateChange(e,t){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null;this.setState({loadState:e,overThreshold:!1,userTriggered:!!t,loadInfo:n})}load=e=>{let{loadState:t,url:n}=this.state;if(B||U===t||T===t)return;this.loadStateChange(T,e);let{threshold:o}=this.props,s="xhr"===this.props.loader?L(n):E(n);if(s.then(()=>{this.clear(),this.loadStateChange(U,!1)}).catch(e=>{this.clear(),404===e.status?this.loadStateChange(P,!1,404):this.loadStateChange(P,!1)}),o){let e=I(o);e.then(()=>{this.loader&&(window.document.dispatchEvent(new CustomEvent("possiblySlowNetwork",{detail:{possiblySlowNetwork:!0}})),this.setState({overThreshold:!0}),this.state.userTriggered||this.cancel(!0))}),this.loader=x(s,e)}else this.loader=s};onEnter=()=>{if(this.state.inViewport)return;this.setState({inViewport:!0});let e=j({srcSet:this.props.srcSet,maxImageWidth:this.props.srcSet.length>1?k(this.state.dimensions):0,supportsWebp:V}),{getUrl:t}=this.props,n=t?t(e):e.src,o=this.props.shouldAutoDownload({...this.state,size:e.size});this.setState({pickedSrc:e,shouldAutoDownload:o,url:n},()=>{o&&this.load(!1)})};onLeave=()=>{this.state.loadState!==T||this.state.userTriggered||(this.setState({inViewport:!1}),this.cancel(!1))};render(){let e=this.props.getIcon(this.state),t=this.props.getMessage(e,this.state);return(0,o.jsx)(a,{onEnter:this.onEnter,onLeave:this.onLeave,children:(0,o.jsx)(b,{...this.props,...N(this.props),onClick:this.onClick,icon:e,src:this.state.url||"",onDimensions:e=>this.setState({dimensions:e}),message:t})})}}let Q=e=>{let{size:t=24,fill:n="#000",className:s,path:i}=e;return(0,o.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:t,height:t,viewBox:"0 0 24 24",className:s,children:[(0,o.jsx)("path",{d:"M0 0h24v24H0z",fill:"none"}),(0,o.jsx)("path",{fill:n,d:i})]})},{load:G,loading:q,loaded:Z,error:K,noicon:F,offline:Y}=g,X={[G]:e=>(0,o.jsx)(Q,{...e,path:"M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96zM17 13l-5 5-5-5h3V9h4v4h3z"}),[q]:e=>(0,o.jsx)(Q,{...e,path:"M6,2V8H6V8L10,12L6,16V16H6V22H18V16H18V16L14,12L18,8V8H18V2H6M16,16.5V20H8V16.5L12,12.5L16,16.5M12,11.5L8,7.5V4H16V7.5L12,11.5Z"}),[Z]:null,[K]:e=>(0,o.jsx)(Q,{...e,path:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z"}),[F]:null,[Y]:e=>(0,o.jsx)(Q,{...e,path:"M19.35 10.04C18.67 6.59 15.64 4 12 4c-1.48 0-2.85.43-4.01 1.17l1.46 1.46C10.21 6.23 11.08 6 12 6c3.04 0 5.5 2.46 5.5 5.5v.5H19c1.66 0 3 1.34 3 3 0 1.13-.64 2.11-1.56 2.62l1.45 1.45C23.16 18.16 24 16.68 24 15c0-2.64-2.05-4.78-4.65-4.96zM3 5.27l2.75 2.74C2.56 8.15 0 10.77 0 14c0 3.31 2.69 6 6 6h11.73l2 2L21 20.73 4.27 4 3 5.27zM7.73 10l8 8H6c-2.21 0-4-1.79-4-4s1.79-4 4-4h1.73z"})},W={placeholder:{backgroundSize:"cover",backgroundRepeat:"no-repeat",position:"relative"},img:{width:"100%",height:"auto",maxWidth:"100%",marginBottom:"-4px"},icon:{position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",textAlign:"center"},noscript:{position:"absolute",top:0,left:0}},$=e=>{let{icons:t=X,theme:n=W,...s}=e;return(0,o.jsx)(z,{...s,icons:t,theme:n})};function _(e,t){switch(e){case"noicon":case"loaded":return null;case"loading":return(0,i.I)({id:"theme.IdealImageMessage.loading",message:"Loading...",description:"When the full-scale image is loading"});case"load":{let{pickedSrc:e}=t,{size:n}=e,o=n?` (${function(e){let t=["B","KB","MB","GB","TB"];if(0===e)return"n/a";let n=Math.floor(Math.log(e)/Math.log(1024));return 0===n?`${e} ${t[n]}`:`${(e/1024**n).toFixed(1)} ${t[n]}`}(n)})`:"";return(0,i.I)({id:"theme.IdealImageMessage.load",message:"Click to load{sizeMessage}",description:"To prompt users to load the full image. sizeMessage is a parenthesized size figure."},{sizeMessage:o})}case"offline":return(0,i.I)({id:"theme.IdealImageMessage.offline",message:"Your browser is offline. Image not loaded",description:"When the user is viewing an offline document"});case"error":{let{loadInfo:e}=t;if(404===e)return(0,i.I)({id:"theme.IdealImageMessage.404error",message:"404. Image not found",description:"When the image is not found"});return(0,i.I)({id:"theme.IdealImageMessage.error",message:"Error. Click to reload",description:"When the image fails to load for unknown error"})}default:throw Error(`Wrong icon: ${e}`)}}function ee(e){let{img:t,...n}=e;return"string"==typeof t||"default"in t?(0,o.jsx)("img",{src:"string"==typeof t?t:t.default,...n}):(0,o.jsx)($,{height:t.src.height??100,width:t.src.width??100,placeholder:{lqip:t.preSrc},src:t.src.src,srcSet:t.src.images.map(e=>({...e,src:e.path})),getMessage:_})}},80980:function(e,t,n){"use strict";n.d(t,{Z:()=>a,a:()=>r});var o=n(67294);let s={},i=o.createContext(s);function r(e){let t=o.useContext(i);return o.useMemo(function(){return"function"==typeof e?e(t):{...t,...e}},[t,e])}function a(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:r(e.components),o.createElement(i.Provider,{value:t},e.children)}}}]);