(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[92772],{52209:(s,e,r)=>{"use strict";r.d(e,{A:()=>m});var n=r(87687),l=r(52751),c=r(31928),d=r(30251),t=r(21040);let i=l.forwardRef(function(s,e){let{Icon:r,iconSide:l="left",iconProps:c={},backgroundColor:d="var(--color-gray-900)",highlightColor:i="var(--color-gray-800)",boopEffect:m={rotation:10},children:b,style:u={},discouraged:I=!1,href:f,textAlign:w="center",...y}=s,[A,g]=(0,t.A)(m);return(0,n.jsxs)(a,{ref:e,onMouseEnter:()=>{g()},style:{"--background-color":d,...u},"data-discouraged":I,href:f,as:"string"==typeof f?"a":"button",...y,children:[r&&(0,n.jsx)(p,{style:{order:"left"===l?1:3},children:(0,n.jsx)(j,{style:{"--background-color":i},children:(0,n.jsx)(o,{style:A,children:(0,n.jsx)(r,{size:20,...c})})})}),b&&(0,n.jsx)(x,{style:{order:2},children:b}),"true-center"===w&&(0,n.jsx)(h,{style:{order:"left"===l?3:1}})]})}),a=(0,c.I)("button")({name:"Wrapper",class:"w19mrn5v",propsAsIs:!1}),h=(0,c.I)("span")({name:"Col",class:"c1rpf4ut",propsAsIs:!1}),p=(0,c.I)(h)({name:"IconCol",class:"iwv8n0j",propsAsIs:!0}),j=(0,c.I)("span")({name:"IconBox",class:"i1qpbbb9",propsAsIs:!1}),o=(0,c.I)(d.CS.span)({name:"IconWrapper",class:"i1m1cbkp",propsAsIs:!0}),x=(0,c.I)("span")({name:"ChildWrapper",class:"c7sw782",propsAsIs:!1}),m=i;r(52391)},92772:(s,e,r)=>{"use strict";r.r(e),r.d(e,{default:()=>b});var n=r(87687),l=r(52751),c=r(31928),d=r(52209);let t=(0,c.I)("div")({name:"Wrapper",class:"ww9utl0",propsAsIs:!1}),i=(0,c.I)("table")({name:"Table",class:"t21ysb4",propsAsIs:!1}),a=(0,c.I)("span")({name:"Delta",class:"dfzicu1",propsAsIs:!1}),h=(0,c.I)(a)({name:"Plus",class:"p299mip",propsAsIs:!0}),p=(0,c.I)(a)({name:"Minus",class:"mp73a8p",propsAsIs:!0}),j=(0,c.I)(h)({name:"Positive",class:"p1cmyn8y",propsAsIs:!0}),o=(0,c.I)(p)({name:"Negative",class:"nb7mesn",propsAsIs:!0}),x=(0,c.I)("span")({name:"Desktop",class:"d14m7jha",propsAsIs:!1}),m=(0,c.I)("span")({name:"Mobile",class:"mkn7n1b",propsAsIs:!1});(0,c.I)(d.A)({name:"ToggleButton",class:"tg0joa6",propsAsIs:!0});let b=function(){let[s]=l.useState("absolute");return(0,n.jsx)(t,{children:(0,n.jsxs)(i,{cellPadding:0,cellSpacing:0,children:[(0,n.jsx)("thead",{children:(0,n.jsxs)("tr",{children:[(0,n.jsx)("th",{children:"Browser"}),(0,n.jsx)("th",{children:"Global"}),(0,n.jsxs)("th",{children:[(0,n.jsx)(x,{children:"joshwcomeau.com"}),(0,n.jsx)(m,{children:"Blog"})]}),(0,n.jsx)("th",{style:{width:"6rem"},children:"Delta"})]})}),(0,n.jsxs)("tbody",{children:[(0,n.jsxs)("tr",{children:[(0,n.jsx)("td",{children:"Chrome"}),(0,n.jsx)("td",{children:"66.7%"}),(0,n.jsx)("td",{children:"74.5%"}),(0,n.jsx)("td",{children:"absolute"===s?(0,n.jsx)(h,{children:"7.8%"}):(0,n.jsx)(j,{children:"111.7%"})})]}),(0,n.jsxs)("tr",{children:[(0,n.jsx)("td",{children:"Safari"}),(0,n.jsx)("td",{children:"18.1%"}),(0,n.jsx)("td",{children:"12.2%"}),(0,n.jsx)("td",{children:"absolute"===s?(0,n.jsx)(p,{children:"5.9%"}):(0,n.jsx)(o,{children:"67.4%"})})]}),(0,n.jsxs)("tr",{children:[(0,n.jsx)("td",{children:"Edge"}),(0,n.jsx)("td",{children:"5.3%"}),(0,n.jsx)("td",{children:"5.0%"}),(0,n.jsx)("td",{children:"absolute"===s?(0,n.jsx)(p,{children:"0.3%"}):(0,n.jsx)(o,{children:"94.3%"})})]}),(0,n.jsxs)("tr",{children:[(0,n.jsx)("td",{children:"Firefox"}),(0,n.jsx)("td",{children:"2.7%"}),(0,n.jsx)("td",{children:"6.8%"}),(0,n.jsx)("td",{children:"absolute"===s?(0,n.jsx)(h,{children:"4.1%"}):(0,n.jsx)(j,{children:"251.9%"})})]}),(0,n.jsxs)("tr",{children:[(0,n.jsx)("td",{children:"Opera"}),(0,n.jsx)("td",{children:"2.2%"}),(0,n.jsx)("td",{children:"0.9%"}),(0,n.jsx)("td",{children:"absolute"===s?(0,n.jsx)(p,{children:"1.3%"}):(0,n.jsx)(o,{children:"40.9%"})})]}),(0,n.jsxs)("tr",{children:[(0,n.jsx)("td",{children:"IE"}),(0,n.jsx)("td",{children:"0.13%"}),(0,n.jsx)("td",{children:"0.0%"}),(0,n.jsx)("td",{children:"absolute"===s?(0,n.jsx)(p,{children:"0.13%"}):(0,n.jsx)(o,{children:"0%"})})]}),(0,n.jsxs)("tr",{children:[(0,n.jsx)("td",{children:"Other"}),(0,n.jsx)("td",{children:"4.87%"}),(0,n.jsx)("td",{children:"0.6%"}),(0,n.jsx)("td",{children:"absolute"===s?(0,n.jsx)(p,{children:"4.27%"}):(0,n.jsx)(o,{children:"12.3%"})})]})]})]})})};r(21346)},52391:s=>{s.exports={w19mrn5v:"w19mrn5v",c1rpf4ut:"c1rpf4ut",iwv8n0j:"iwv8n0j",i1qpbbb9:"i1qpbbb9",i1m1cbkp:"i1m1cbkp",c7sw782:"c7sw782"}},21346:s=>{s.exports={ww9utl0:"ww9utl0",t21ysb4:"t21ysb4",dfzicu1:"dfzicu1",p299mip:"p299mip",mp73a8p:"mp73a8p",p1cmyn8y:"p1cmyn8y",nb7mesn:"nb7mesn",d14m7jha:"d14m7jha",mkn7n1b:"mkn7n1b"}}}]);
//# sourceMappingURL=92772.711840248d239536.js.map