(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[80239],{3129:(s,e,r)=>{"use strict";r.d(e,{Z:()=>m});var n=r(67841),l=r(79477),c=r(64833),d=r(97718),t=r(49136);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:f=!1,href:w,textAlign:y="center",...z}=s,[I,A]=(0,t.Z)(m);return(0,n.jsxs)(a,{ref:e,onMouseEnter:()=>{A()},style:{"--background-color":d,...u},"data-discouraged":f,href:w,as:"string"==typeof w?"a":"button",...z,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:I,children:(0,n.jsx)(r,{size:20,...c})})})}),b&&(0,n.jsx)(x,{style:{order:2},children:b}),"true-center"===y&&(0,n.jsx)(h,{style:{order:"left"===l?3:1}})]})}),a=(0,c.z)("button")({name:"Wrapper",class:"w19mrn5v",propsAsIs:!1}),h=(0,c.z)("span")({name:"Col",class:"c1rpf4ut",propsAsIs:!1}),p=(0,c.z)(h)({name:"IconCol",class:"iwv8n0j",propsAsIs:!0}),j=(0,c.z)("span")({name:"IconBox",class:"i1qpbbb9",propsAsIs:!1}),o=(0,c.z)(d.q.span)({name:"IconWrapper",class:"i1m1cbkp",propsAsIs:!0}),x=(0,c.z)("span")({name:"ChildWrapper",class:"c7sw782",propsAsIs:!1}),m=i;r(96754)},80239:(s,e,r)=>{"use strict";r.r(e),r.d(e,{default:()=>b});var n=r(67841),l=r(79477),c=r(64833),d=r(3129);let t=(0,c.z)("div")({name:"Wrapper",class:"ww9utl0",propsAsIs:!1}),i=(0,c.z)("table")({name:"Table",class:"t21ysb4",propsAsIs:!1}),a=(0,c.z)("span")({name:"Delta",class:"dfzicu1",propsAsIs:!1}),h=(0,c.z)(a)({name:"Plus",class:"p299mip",propsAsIs:!0}),p=(0,c.z)(a)({name:"Minus",class:"mp73a8p",propsAsIs:!0}),j=(0,c.z)(h)({name:"Positive",class:"p1cmyn8y",propsAsIs:!0}),o=(0,c.z)(p)({name:"Negative",class:"nb7mesn",propsAsIs:!0}),x=(0,c.z)("span")({name:"Desktop",class:"d14m7jha",propsAsIs:!1}),m=(0,c.z)("span")({name:"Mobile",class:"mkn7n1b",propsAsIs:!1});(0,c.z)(d.Z)({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(46917)},96754:s=>{s.exports={w19mrn5v:"w19mrn5v",c1rpf4ut:"c1rpf4ut",iwv8n0j:"iwv8n0j",i1qpbbb9:"i1qpbbb9",i1m1cbkp:"i1m1cbkp",c7sw782:"c7sw782"}},46917:s=>{s.exports={ww9utl0:"ww9utl0",t21ysb4:"t21ysb4",dfzicu1:"dfzicu1",p299mip:"p299mip",mp73a8p:"mp73a8p",p1cmyn8y:"p1cmyn8y",nb7mesn:"nb7mesn",d14m7jha:"d14m7jha",mkn7n1b:"mkn7n1b"}}}]);
//# sourceMappingURL=80239.16d8a9c38d58fb0c.js.map