https://www.auritrack.com/_next/static/chunks/7423.ea34a8d2dea37b0e.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7423],{97423:(e,t,s)=>{s.r(t),s.d(t,{default:()=>n});var a=s(95155);let n=e=>{let{principal:t,interest:s,totalPayment:n,formatCurrency:c}=e,r=t+s;if(0===r)return null;let i=t/r,o=2*Math.PI*76,l=o*i,d=o*(1-i);return(0,a.jsx)("div",{className:"flex items-center justify-center",children:(0,a.jsxs)("div",{className:"relative",style:{width:180,height:180},children:[(0,a.jsxs)("svg",{width:180,height:180,viewBox:"0 0 ".concat(180," ").concat(180),className:"transform -rotate-90","aria-label":"Donut chart showing ".concat((100*i).toFixed(0),"% principal and ").concat(((1-i)*100).toFixed(0),"% interest"),role:"img",children:[(0,a.jsx)("circle",{cx:90,cy:90,r:76,fill:"none",stroke:"#10B981",strokeWidth:28,strokeDasharray:"".concat(l," ").concat(o-l),strokeDashoffset:0,strokeLinecap:"round",className:"transition-all duration-700 ease-out"}),(0,a.jsx)("circle",{cx:90,cy:90,r:76,fill:"none",stroke:"#FB7E3C",strokeWidth:28,strokeDasharray:"".concat(d," ").concat(o-d),strokeDashoffset:-l,strokeLinecap:"round",className:"transition-all duration-700 ease-out"})]}),(0,a.jsxs)("div",{className:"absolute inset-0 flex flex-col items-center justify-center",children:[(0,a.jsx)("span",{className:"text-xs text-faint",children:"Total"}),(0,a.jsx)("span",{className:"text-sm md:text-base font-bold font-mono text-ink",children:c(n)})]})]})})}}}]);