1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9848],{39848:(e,s,l)=>{l.r(s),l.d(s,{default:()=>N});var t=l(26065),n=l(88578),r=l(2743),a=l(30298),i=l(48464),o=l(8771),c=l(51151),d=l(85492),u=l(78313),h=l(59923),m=l(50613),b=l(78295),x=l.n(b);let f={};function N({backgroundColor:e,description:s,heading:l,headingAs:b="h3",items:N,tocEntry:j,children:p}){let[v,A]=(0,m.useState)(null),[g,C]=(0,m.useState)(0),[k,y]=(0,m.useState)(0),S=(0,i.A)(),{translate:_}=(0,h.useTranslate)(),w=(0,m.useCallback)(e=>{let[s]=e;if(!s)return;let{scrollWidth:l,clientWidth:t}=s.target;C(l-t)},[]);return(0,o.A)(v,f,w),(0,t.jsxs)("div",{className:x().wrapper,...(0,a.$)(j),children:[(0,t.jsxs)("div",{className:x().headingAndControls,children:[(0,t.jsxs)("div",{className:x().headingAndDescription,children:[(0,t.jsx)(r.A,{className:x().heading,headingAs:b,children:l}),(0,t.jsx)("p",{className:(0,c.A)(x().description,"body-large"),children:s})]}),(0,t.jsxs)("div",{className:x().controls,children:[(0,t.jsx)("button",{className:x().button,disabled:0===k,onClick:function(){v&&v.scrollBy({left:-200,behavior:S?"auto":"smooth"})},type:"button",title:_("Previous"),children:(0,t.jsx)(d.A,{color:"currentColor"})}),(0,t.jsx)("button",{className:x().button,disabled:k===g,onClick:function(){v&&v.scrollBy({left:200,behavior:S?"auto":"smooth"})},type:"button",title:_("Next"),children:(0,t.jsx)(u.A,{color:"currentColor"})})]})]}),(0,t.jsx)("div",{className:x().scrollContainer,onScroll:function(e){let{target:s}=e;if(!(s instanceof HTMLElement))return;let{scrollLeft:l}=s;y(l)},ref:A,role:"region",tabIndex:0,children:(0,t.jsx)("div",{className:(0,c.A)(x().slide,{[x()["slide--column"]]:N.some(n.t3),[x()["slide--teaser"]]:N.some(n.Di),[x()["slide--green"]]:"green"===e}),children:p})})]})}}}]);
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.