https://platinumpropertiesely.co.uk/_next/static/chunks/5651.e1d68cd3116ed015.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5651],{15651:(e,t,l)=>{l.r(t),l.d(t,{YieldCalculator:()=>d});var a=l(85664),n=l(34989),r=l(91745),c=l(96777),s=l(15179);function d(e){let{price:t,theme:l}=e,{annualRent:d,expenses:x,expensesSet:o,rent:m,rentalYield:i,rentSet:p,value:u,valueSet:b}=(0,r.$)(t);return(0,a.jsx)("div",{className:(0,c.cn)("relative","chalet"===l?"bg-gray pb-50 lg:pb-70":"bg-white"),children:(0,a.jsx)("div",{className:(0,n.c)({theme:l}),children:(0,a.jsxs)("div",{className:(0,c.cn)("-mx-20 flex flex-wrap md:mx-0","chalet"!==l?"border border-bordergray shadow-md":"px-20 md:px-0",("beam"===l||"duplex"===l)&&"md:rounded-b-20"),children:[(0,a.jsx)("div",{className:(0,c.cn)("w-full","beam"===l&&"md:w-1/2 md:pr-10","apex"===l&&"md:w-7/12"),children:(0,a.jsx)("div",{className:(0,c.cn)("pb-55","chalet"!==l&&"bg-gray/80 px-20 pt-50 lg:pb-70 xl:pb-90",("beam"===l||"duplex"===l)&&"md:rounded-b-20","apex"===l&&"xl:pt-90 2xl:pb-130"),children:(0,a.jsxs)("div",{className:(0,c.cn)("beam"===l&&"max-w-[380px]","apex"===l&&"max-w-[500px]","chalet"===l?"-mx-15 flex flex-wrap":"mx-auto"),children:[(0,a.jsxs)("div",{className:(0,c.cn)("chalet"===l&&"mt-23 w-full px-15 md:w-1/3"),children:[(0,a.jsx)("label",{className:(0,c.cn)("font-bold text-14 leading-normal tracking-[0.23px]","beam"===l&&"text-green-3",("apex"===l||"chalet"===l)&&"md:text-16"),htmlFor:"property-value",children:"Property Value (\xa3)"}),(0,a.jsx)("input",{className:(0,c.cn)("relative block w-full border-2 border-bordergray bg-white px-16 text-left text-17 text-black leading-[24px] tracking-[0.4px] shadow-none outline-none ring-0 transition-all duration-300 placeholder:text-placeholder hover:border-green-2 focus:z-20 focus:border-green-2 focus:shadow-input-focus focus:outline-none focus:ring-0","beam"===l&&"mt-16 rounded-8 py-10",("apex"===l||"chalet"===l)&&"mt-10 py-12"),id:"property-value",onChange:e=>{b(""===e.target.value?"":Number(e.target.value))},onFocus:e=>{e.target.select()},type:"number",value:u})]}),(0,a.jsxs)("div",{className:(0,c.cn)("mt-23","chalet"===l&&"w-full px-15 md:w-1/3"),children:[(0,a.jsx)("label",{className:(0,c.cn)("flex items-center font-bold text-14 leading-normal tracking-[0.23px]","beam"===l&&"text-green-3",("apex"===l||"chalet"===l)&&"md:text-16"),htmlFor:"rent",children:"Monthly Rent (\xa3)"}),(0,a.jsx)("input",{className:(0,c.cn)("relative block w-full border-2 border-bordergray bg-white px-16 text-left text-17 text-black leading-[24px] tracking-[0.4px] shadow-none outline-none ring-0 transition-all duration-300 placeholder:text-placeholder hover:border-green-2 focus:z-20 focus:border-green-2 focus:shadow-input-focus focus:outline-none focus:ring-0","beam"===l&&"mt-16 rounded-8 py-10",("apex"===l||"chalet"===l)&&"mt-10 py-12"),id:"rent",onChange:e=>{p(""===e.target.value?"":Number(e.target.value))},onFocus:e=>{e.target.select()},type:"number",value:m})]}),(0,a.jsxs)("div",{className:(0,c.cn)("mt-23","chalet"===l&&"w-full px-15 md:w-1/3"),children:[(0,a.jsx)("label",{className:(0,c.cn)("font-bold text-14 leading-normal tracking-[0.23px]","beam"===l&&"text-green-3",("apex"===l||"chalet"===l)&&"md:text-16"),htmlFor:"expenses",children:"Annual Expenses/Loss (\xa3)"}),(0,a.jsx)("input",{className:(0,c.cn)("relative block w-full border-2 border-bordergray bg-white px-16 text-left text-17 text-black leading-[24px] tracking-[0.4px] shadow-none outline-none ring-0 transition-all duration-300 placeholder:text-placeholder hover:border-green-2 focus:z-20 focus:border-green-2 focus:shadow-input-focus focus:outline-none focus:ring-0","beam"===l&&"mt-16 rounded-8 py-10",("apex"===l||"chalet"===l)&&"mt-10 py-12"),id:"expenses",onChange:e=>{o(""===e.target.value?"":Number(e.target.value))},onFocus:e=>{e.target.select()},type:"number",value:x})]})]})})}),(0,a.jsx)("div",{className:(0,c.cn)("w-full","beam"===l&&"pt-60 md:w-1/2 md:pt-80 md:pl-30 lg:pt-100 lg:pl-50 xl:pl-90","apex"===l&&"flex flex-col justify-center px-20 py-50 md:w-5/12 md:pr-0 md:pl-30 lg:pl-40 xl:pl-50 2xl:pl-90"),children:(0,a.jsxs)("div",{className:(0,

1c.cn)("chalet"!==l&&"mx-auto max-w-[380px]","beam"===l&&"px-20 md:max-w-full md:px-0","apex"===l&&"md:mx-0"),children:[(0,a.jsx)("h3",{className:(0,c.cn)("font-body text-18 text-primary leading-normal tracking-[0.06px] md:text-20 lg:text-22 xl:text-24","beam"===l?"font-bold":"font-semibold"),children:"Results"}),(0,a.jsxs)("div",{className:(0,c.cn)("chalet"===l&&"-mx-15 flex flex-wrap"),children:[(0,a.jsxs)("div",{className:(0,c.cn)("chalet"===l&&"w-full px-15 md:w-1/3"),children:[(0,a.jsx)("div",{className:(0,c.cn)("beam"===l?"mt-6":"mt-15","text-17 text-black leading-normal"),children:"Estimated Annual Rent (\xa3)"}),(0,a.jsx)("div",{className:(0,c.cn)("mt-10","beam"===l&&"flex items-baseline"),children:(0,a.jsxs)("span",{className:(0,c.cn)("font-heading text-22 text-primary","beam"===l&&"font-bold leading-normal tracking-[0.07px] lg:text-24 xl:text-28",("apex"===l||"chalet"===l)&&"block font-medium leading-tight tracking-[0.44px] lg:text-28 xl:text-42","chalet"===l&&"!font-body !font-bold"),children:[(0,s.$g)(d)," /year."]})})]}),(0,a.jsxs)("div",{className:(0,c.cn)("chalet"===l&&"w-full px-15 md:w-1/3"),children:[(0,a.jsx)("div",{className:(0,c.cn)("chalet"===l?"mt-25 md:mt-15":"beam"===l?"mt-16":"mt-25","text-17 text-black leading-normal"),children:"Estimated Rental Yield (%)"}),(0,a.jsx)("div",{className:(0,c.cn)("mt-10","beam"===l&&"flex items-baseline"),children:(0,a.jsxs)("span",{className:(0,c.cn)("font-heading text-22 text-primary","beam"===l&&"font-bold leading-normal tracking-[0.07px] lg:text-24 xl:text-28",("apex"===l||"chalet"===l)&&"block font-medium leading-tight tracking-[0.44px] lg:text-28 xl:text-42","chalet"===l&&"!font-body !font-bold"),children:[Number.isNaN(i)?0:i.toFixed(2),"%"]})})]})]})]})})]})})})}},91745:(e,t,l)=>{l.d(t,{$:()=>n});var a=l(63276);function n(e){let[t,l]=(0,a.useState)(e),[n,r]=(0,a.useState)(0),[c,s]=(0,a.useState)(0),[d,x]=(0,a.useState)(0),[o,m]=(0,a.useState)(0);return(0,a.useEffect)(()=>{x(12*("number"==typeof n?n:0))},[n]),(0,a.useEffect)(()=>{let e="number"==typeof c?c:0,l="number"==typeof t?t:0;l>0?m((d-e)/l*100):m(0)},[t,d,c]),{annualRent:d,expenses:c,expensesSet:s,rent:n,rentalYield:o,rentSet:r,value:t,valueSet:l}}}}]);