1"use strict";(self.webpackChunkvrrr=self.webpackChunkvrrr||[]).push([[498],{6293:function(e,t,a){a.r(t);var l=a(9155),n=a(4542),s=a(6537),c=a(5704),m=a(6249),r=a(5532),i=a(9984);t.default=function(e){var t=l.useContext(i.Vs)[1],a=l.useState(),o=a[0],u=a[1],p=l.useContext(s.cg),_=(p[0],p[1]),g=function(e){u(e),e.image&&t({type:r.vy.SET_CONTENT,payload:{content:l.createElement("figure",{className:"o-image o-image__modal"},l.createElement("div",{className:"o-image__container"},l.createElement("img",{src:e.image.url,alt:e.image.alt})),e.examples_title&&l.createElement("figcaption",{dangerouslySetInnerHTML:{__html:e.examples_title}}))}})};return l.useEffect(function(){o&&_({type:n.Actions.ImagesDataTypes.QUEUE_IMAGE,payload:{id:o.image.id,size:n.ImageSizes.LARGE}})},[o]),l.createElement("div",{className:"c-examples"},l.createElement("div",{className:"o-container"},e.blockData.result.title&&l.createElement("h2",{className:"o-title",dangerouslySetInnerHTML:{__html:e.blockData.result.title}}),l.createElement("ul",{className:"c-examples__container"},e.blockData.result.examples&&e.blockData.result.examples.map(function(e,t){return l.createElement("li",{className:"c-examples__item",key:"example-".concat(e.image.id,"_").concat(t)},l.createElement("span",{className:"",onClick:function(){return g(e)}}," ",l.createElement(m.F,{id:e.image.id,size:n.ImageSizes.LARGE,context:s.cg,loader:l.createElement(c.R,null),className:""})),e.examples_title&&l.createElement("div",{className:"s-wordpress-image__item"},l.createElement("button",{type:"button",className:"s-wordpress-image__zoom",onClick:function(){return g(e)}},l.createElement("span",null," "),"Klik voor een vergroting")),e.examples_title&&l.createElement("p",{className:"c-example__txt",dangerouslySetInnerHTML:{__html:e.examples_title}}))}))))}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.