1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[18059],{8245:function(e,s,i){(window.__NEXT_P=window.__NEXT_P||[]).push(["/design-system/playground",function(){return i(12640)}])},12640:function(e,s,i){"use strict";i.r(s);var n=i(85893),l=i(67294),a=(i(41561),i(92466)),c=i(92303),d=function(){var e=(0,l.useState)(1);e[0],e[1];return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("h1",{className:"mb-2",children:"Playground"}),(0,n.jsx)("div",{className:"mb-12",id:"exercice-3",children:(0,n.jsxs)("div",{className:"pt-4",children:[(0,n.jsxs)("div",{className:"dropdown dropdown-end",children:[(0,n.jsxs)("label",{tabIndex:"1",className:"button button-primary",children:[(0,n.jsx)("span",{children:"Click me"}),(0,n.jsx)("span",{className:"icon icon-arrow-sm-down"})]}),(0,n.jsx)("div",{tabIndex:"1",className:"dropdown-content w-52 p-1",children:(0,n.jsxs)("ul",{className:"menu menu-rounded",children:[(0,n.jsx)("li",{children:(0,n.jsx)("a",{tabIndex:"1",children:(0,n.jsx)("span",{children:"Item 1"})})}),(0,n.jsx)("li",{children:(0,n.jsx)("a",{tabIndex:"1",children:(0,n.jsx)("span",{children:"Item 2"})})}),(0,n.jsx)("li",{children:(0,n.jsx)("a",{tabIndex:"1",children:(0,n.jsx)("span",{children:"Item 3"})})})]})})]}),(0,n.jsxs)("div",{className:"dropdown dropdown-end",children:[(0,n.jsx)("label",{tabIndex:"1",className:"item interactive surface py-0",children:(0,n.jsxs)("div",{className:"item w-44",children:[(0,n.jsxs)("div",{className:"item-body flex justify-between",children:[(0,n.jsx)("div",{className:"item-title",children:"3 matches"}),(0,n.jsxs)("div",{className:"flex gap-2 items-center text-currency-2-500",children:[(0,n.jsx)("span",{className:"icon icon-20 icon-token"}),(0,n.jsx)("span",{children:"2"})]})]}),(0,n.jsx)("div",{className:"item-actions",children:(0,n.jsx)("span",{className:"icon icon-arrow-sm-down"})})]})}),(0,n.jsx)("div",{tabIndex:"1",className:"dropdown-content w-52 p-1",children:(0,n.jsxs)("ul",{className:"menu menu-rounded",children:[(0,n.jsx)("li",{children:(0,n.jsxs)("a",{tabIndex:"1",className:"flex justify-between",children:[(0,n.jsx)("span",{children:"1 match"}),(0,n.jsxs)("span",{className:"w-12 flex gap-2 items-center text-currency-2-500 pr-1",children:[(0,n.jsx)("span",{className:"icon icon-20 icon-token"}),(0,n.jsx)("span",{children:"1"})]})]})}),(0,n.jsx)("li",{children:(0,n.jsxs)("a",{tabIndex:"1",className:"is-active flex justify-between",children:[(0,n.jsx)("span",{children:"3 matches"}),(0,n.jsxs)("span",{className:"w-12 flex gap-2 items-center text-currency-2-500 pr-1",children:[(0,n.jsx)("span",{className:"icon icon-20 icon-token"}),(0,n.jsx)("span",{children:"2"})]})]})}),(0,n.jsx)("li",{children:(0,n.jsxs)("a",{tabIndex:"1",className:"flex justify-between",children:[(0,n.jsx)("span",{children:"7 matches"}),(0,n.jsxs)("span",{className:"w-12 flex gap-2 items-center text-currency-2-500 pr-1",children:[(0,n.jsx)("span",{className:"icon icon-20 icon-token"}),(0,n.jsx)("span",{children:"5"})]})]})})]})})]}),(0,n.jsx)("div",{className:"surface rounded-lg mb-4",children:(0,n.jsxs)("div",{className:"item",children:[(0,n.jsx)("div",{className:"item-body",children:(0,n.jsx)("div",{className:"item-title",children:"Ladder #1"})}),(0,n.jsx)("div",{className:"item-actions",children:(0,n.jsx)("div",{children:(0,n.jsx)("button",{className:"button button-sm button-secondary rounded-full tooltip tooltip-left","data-tooltip":"View details",children:(0,n.jsx)("span",{className:"icon icon-view"})})})})]})}),(0,n.jsx)(c.Z,{})]})}),(0,n.jsx)("div",{className:"mb-12",id:"exercice-2",children:(0,n.jsxs)("div",{className:"pt-4",children:[(0,n.jsx)("h6",{className:"mb-2",children:"Your latest tracked match"}),(0,n.jsxs)("div",{className:"surface rounded-lg flex flex-col xl:flex-row xl:justify-between leading-none gap-2 xl:gap-8",children:[(0,n.jsxs)("div",{className:"flex flex-col md:flex-row items-center gap-2 md:gap-8 mb-2 md:mb-0 p-2",children:[(0,n.jsxs)("div",{className:"flex gap-2 items-center",children:[(0,n.jsx)("div",{className:"rounded bg-gradient-to-b from-ui-900/75 to-ui-900/25 p-2 flex items-center justify-center border border-ui-700",children:(0,n.jsx)("span",{className:"icon text-3xl icon-game-pubg-symbol text-game-pubg"})}),(0,n.jsx)("h6",{className:"",children:"PUBG: BATTLEGROUNDS"})]}),(0,n.jsx)("div",{className:"text-main ",children:"Victory"})]}),(0,n.jsxs)("div",{className:"flex flex-col sm:flex-row flex-1 sm:items-end xl:items-center gap-2 p-3 border-t border-ui-700 xl:border-none",children:[(0,n.jsxs)("div",{className:"flex flex-1 items-stretch justify-center sm:justify-start gap-2 text-sm text-ui-300 whitespace-nowrap",children:[(0,n.jsx)("span",{className:"bg-ui-900/50 rounded p-2",children:"11 kills"}),(0,n.jsx)("span",{className:"bg-ui-900/50 rounded p-2",children:"14 assists"}),(0,n.jsx)("span",{className:"bg-ui-900/50 rounded p-2",children:"5 deaths"}),(0,n.jsx)("span",{className:"bg-ui-900/50 rounded p-2",children:"4 headshots"})]}),(0,n.jsxs)("button",{type:"button",className:"button button-primary button-sm",children:[(0,n.jsx)("span",{className:"icon icon-16 icon-refresh-02"}),(0,n.jsx)("span",{children:"Update my stats"})]})]})]})]})}),(0,n.jsx)("div",{className:"mb-12",id:"exercice-1",children:(0,n.jsx)("div",{className:"pt-4 space-y-4",children:(0,n.jsxs)("div",{className:"surface rounded-xl p-4 gap-4 flex flex-col md:flex-row items-stretch",children:[(0,n.jsxs)("div",{className:"rounded-lg bg-gradient-to-b from-ui-900/50 to-ui-900/25 px-4 pt-4 pb-2 flex-1",children:[(0,n.jsx)("div",{className:"uppercase text-ui-300 text-sm text-center",children:"Match points in best 5 matches"}),(0,n.jsxs)("ul",{className:"child:border-b child:border-ui-700/50 text-ui-300 child:flex child:justify-between last:child:border-none text-sm child:child:py-2",children:[(0,n.jsxs)("li",{className:"uppercase text-ui-400",children:[(0,n.jsx)("span",{children:"Player"}),(0,n.jsx)("span",{children:"Ladder points"})]}),(0,n.jsxs)("li",{children:[(0,n.jsx)("span",{children:"CtrlChampion"}),(0,n.jsx)("span",{children:"77"})]}),(0,n.jsxs)("li",{children:[(0,n.jsx)("span",{children:"augiaugie"}),(0,n.jsx)("span",{children:"59"})]}),(0,n.jsxs)("li",{children:[(0,n.jsx)("span",{children:"friendlyfire"}),(0,n.jsx)("span",{children:"44"})]}),(0,n.jsxs)("li",{children:[(0,n.jsx)("span",{children:"Cogeric"}),(0,n.jsx)("span",{children:"41"})]}),(0,n.jsxs)("li",{children:[(0,n.jsx)("span",{children:"MAX94"}),(0,n.jsx)("span",{children:"37"})]})]})]}),(0,n.jsxs)("div",{className:"flex-1 flex flex-col gap-4",children:[(0,n.jsxs)("div",{className:"flex-1 flex flex-col items-center justify-center rounded-lg p-4 bg-gradient-to-b from-ui-900/50 to-ui-900/25",children:[(0,n.jsx)("div",{className:"uppercase text-ui-300 text-sm text-center",children:"Tiebreaker points"}),(0,n.jsx)("div",{className:"text-ui-100 text-lg",children:"95 kills"}),(0,n.jsx)("div",{className:"text-ui-100 text-lg",children:"78 headshots"})]}),(0,n.jsxs)("div",{className:"flex-1 flex flex-col items-center justify-center rounded-lg p-4 bg-gradient-to-b from-ui-900/50 to-ui-900/25",children:[(0,n.jsx)("div",{className:"uppercase text-ui-300 text-sm text-center",children:"Active Ladder players"}),(0,n.jsx)("div",{className:"text-ui-100 text-lg",children:"13"})]})]})]})})})]})};d.getLayout=a.G,s.default=d}},function(e){e.O(0,[41664,92466,92303,49774,92888,40179],(function(){return s=8245,e(e.s=s);var s}));var s=e.O();_N_E=s}]);
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.