https://www.quant-soc.com/_next/static/chunks/3243.8ec30628a6d9ae75.js

1!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},l=(new e.Error).stack;l&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[l]="190650dc-e52b-4bcc-8c2b-45360abdcc83",e._sentryDebugIdIdentifier="sentry-dbid-190650dc-e52b-4bcc-8c2b-45360abdcc83")}catch(e){}}();"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3243],{3243:(e,l,s)=>{s.r(l),s.d(l,{CORRECT:()=>r,SumTheCosts:()=>i});var c=s(95155);s(12115);var t=s(92823);let a="#f59e0b",n=[{label:"Spread",bps:4,color:"rgba(245,158,11,0.85)"},{label:"Impact",bps:6,color:"rgba(245,158,11,0.6)"},{label:"Delay",bps:2,color:"rgba(245,158,11,0.38)"}],o=n.reduce((e,l)=>e+l.bps,0),r="c",d=[{id:"a",label:"6 bps"},{id:"b",label:"8 bps"},{id:"c",label:"12 bps"}],b={a:6,b:8,c:12};function i(e){let l,{pick:s,setPick:i,status:u,graded:f,canCheck:p,check:h,reset:m}=(0,t.Qc)(e,r),x=s?b[s]:null;return(0,c.jsxs)(t.rl,{question:"Add up the all-in cost of this trade.",status:u,onCheck:h,onReset:m,canCheck:p,feedback:"correct"===u?"4 + 6 + 2 = ".concat(o," bps, every component counts"):"your marker falls short of the full stack",children:[(0,c.jsxs)(t.Dn,{className:"p-3",children:[(0,c.jsxs)("div",{className:"mb-1 flex justify-between text-[0.6rem] text-muted-foreground",children:[(0,c.jsx)("span",{children:"all-in cost"}),(0,c.jsxs)("span",{children:[14," bps"]})]}),(0,c.jsxs)("div",{className:"relative h-9 w-full overflow-hidden rounded-md bg-foreground

1/[0.05]",children:[(l=0,n.map(e=>{let s=e.bps/14*100,t=(0,c.jsx)("div",{className:"absolute top-0 flex h-9 items-center justify-center text-[0.6rem] font-semibold text-black/70",style:{left:"".concat(l,"%"),width:"".concat(s,"%"),background:e.color},children:s>12?"".concat(e.label," ").concat(e.bps):e.bps},e.label);return l+=s,t})),null!=x?(0,c.jsx)("div",{className:"absolute top-[-3px] z-10 h-[42px] w-0.5",style:{left:"calc(".concat(x/14*100,"% - 1px)"),background:f?s===r?a:"#f43f5e":"hsl(var(--foreground))"},children:(0,c.jsx)("span",{className:"absolute -top-0.5 left-1 whitespace-nowrap text-[0.6rem] font-bold",style:{color:f?s===r?a:"#f43f5e":"hsl(var(--foreground))"},children:x})}):null]})]}),(0,c.jsx)("div",{className:"mt-4",children:(0,c.jsx)(t.yZ,{options:d,value:s,onSelect:i,columns:3,accent:a,revealed:f,correctId:r,disabled:f})})]})}}}]);