{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/sQe4jP9aY08qBIhZGQgh/XMEjiuBVJbWRCabilUwm/Calculator.js"],
  "sourcesContent": ["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{ControlType,addPropertyControls}from\"framer\";import{useCallback,useMemo,useState}from\"react\";/**\n * These annotations control how your component sizes\n * Learn more: https://www.framer.com/developers/components/auto-sizing\n *\n * @framerSupportedLayoutWidth any\n * @framerSupportedLayoutHeight any\n */export default function Calculator(props){const[salary,setSalary]=useState(25e3);const values=useMemo(()=>{const onCost=salary/5;const total=salary+onCost;const remoteCost=total*.53;const savings=total-remoteCost;return{onCost:Math.round(onCost),total:Math.round(total),remoteCost:Math.round(remoteCost),savings:Math.round(savings)};},[salary]);const setValue=useCallback(value=>{setSalary(Math.min(props.layout===\"Mobile\"?5e7:5e10,value));},[]);const valueSize=props.layout===\"Mobile\"?12:24;const textSize=props.layout===\"Mobile\"?8:16;const symbolSize=props.layout===\"Mobile\"?16:32;const cardPadding=props.layout===\"Mobile\"?8:16;return /*#__PURE__*/_jsxs(\"div\",{style:containerStyle,children:[/*#__PURE__*/_jsxs(\"div\",{style:inputContainerStyle,children:[/*#__PURE__*/_jsx(\"p\",{style:{fontSize:24,color:props.textColor},children:\"\\xa3\"}),/*#__PURE__*/_jsx(\"input\",{style:{...inputStyle,color:props.textColor},value:salary,type:\"number\",max:5e10,onChange:e=>setValue(parseInt(e.target.value))})]}),/*#__PURE__*/_jsxs(\"div\",{style:{display:\"flex\",flexDirection:props.layout===\"Mobile\"?\"row\":\"row\",justifyContent:\"center\",alignItems:\"center\",gap:4,width:\"100%\"},children:[/*#__PURE__*/_jsxs(\"div\",{style:{...cardStyle,width:props.layout===\"Mobile\"?\"100%\":undefined,padding:cardPadding},children:[/*#__PURE__*/_jsxs(\"p\",{style:{...cardTextStyle,color:props.valueColor,fontSize:valueSize},children:[\"\\xa3\",salary.toLocaleString()]}),/*#__PURE__*/_jsx(\"p\",{style:{...cardHeaderStyle,color:props.textColor,fontSize:textSize},children:\"UK Salary\"})]}),/*#__PURE__*/_jsx(\"p\",{style:{...symbol,color:props.valueColor,fontSize:symbolSize},children:\"+\"}),/*#__PURE__*/_jsxs(\"div\",{style:{...cardStyle,width:props.layout===\"Mobile\"?\"100%\":undefined,padding:cardPadding},children:[/*#__PURE__*/_jsxs(\"p\",{style:{...cardTextStyle,color:props.valueColor,fontSize:valueSize},children:[\"\\xa3\",values.onCost.toLocaleString()]}),/*#__PURE__*/_jsx(\"p\",{style:{...cardHeaderStyle,color:props.textColor,fontSize:textSize},children:\"On Cost\"})]}),/*#__PURE__*/_jsx(\"p\",{style:{...symbol,color:props.valueColor,fontSize:symbolSize},children:\"=\"}),/*#__PURE__*/_jsxs(\"div\",{style:{...cardStyle,width:props.layout===\"Mobile\"?\"100%\":undefined,padding:cardPadding},children:[/*#__PURE__*/_jsxs(\"p\",{style:{...cardTextStyle,color:props.valueColor,fontSize:valueSize},children:[\"\\xa3\",values.total.toLocaleString()]}),/*#__PURE__*/_jsx(\"p\",{style:{...cardHeaderStyle,color:props.textColor,fontSize:textSize},children:\"UK Total\"})]})]}),/*#__PURE__*/_jsxs(\"div\",{style:{display:\"flex\",flexDirection:props.layout===\"Mobile\"?\"row\":\"row\",justifyContent:\"center\",alignItems:\"center\",gap:4,width:\"100%\"},children:[/*#__PURE__*/_jsxs(\"div\",{style:{...cardStyle,width:props.layout===\"Mobile\"?\"100%\":undefined,padding:cardPadding},children:[/*#__PURE__*/_jsxs(\"p\",{style:{...cardTextStyle,color:props.valueColor,fontSize:valueSize},children:[\"\\xa3\",values.total.toLocaleString()]}),/*#__PURE__*/_jsx(\"p\",{style:{...cardHeaderStyle,color:props.textColor,fontSize:textSize},children:\"UK Total\"})]}),/*#__PURE__*/_jsx(\"p\",{style:{...symbol,color:props.valueColor,fontSize:symbolSize},children:\"-\"}),/*#__PURE__*/_jsxs(\"div\",{style:{...cardStyle,width:props.layout===\"Mobile\"?\"100%\":undefined,padding:cardPadding},children:[/*#__PURE__*/_jsxs(\"p\",{style:{...cardTextStyle,color:props.valueColor,fontSize:valueSize},children:[\"\\xa3\",values.remoteCost.toLocaleString()]}),/*#__PURE__*/_jsx(\"p\",{style:{...cardHeaderStyle,color:props.textColor,fontSize:textSize},children:\"Offshore Staff Cost\"})]}),/*#__PURE__*/_jsx(\"p\",{style:{...symbol,color:props.valueColor,fontSize:symbolSize},children:\"=\"}),/*#__PURE__*/_jsxs(\"div\",{style:{...cardStyle,width:props.layout===\"Mobile\"?\"100%\":undefined,padding:cardPadding,background:props.valueColor},children:[/*#__PURE__*/_jsxs(\"p\",{style:{...cardTextStyle,color:\"white\",fontSize:valueSize},children:[\"\\xa3\",values.savings.toLocaleString()]}),/*#__PURE__*/_jsx(\"p\",{style:{...cardHeaderStyle,color:\"white\",fontSize:textSize},children:\"Savings\"})]})]})]});}const cardStyle={background:\"white\",borderRadius:8,justifyContent:\"center\",alignItems:\"center\",textAlign:\"center\",boxShadow:\"0px 10px 30px -20px rgba(0,0,0,0.25)\",border:\"solid 1px #00000011\",display:\"flex\",flexDirection:\"column\"};const cardTextStyle={fontFamily:\"'Plus Jakarta Sans', sans-serif\",fontWeight:\"bold\"};const cardHeaderStyle={fontFamily:\"'Plus Jakarta Sans', sans-serif\",fontWeight:\"bold\",margin:0,padding:0,textWrap:\"nowrap\"};const symbol={fontFamily:\"'Plus Jakarta Sans', sans-serif\",fontWeight:\"bold\",lineHeight:1};const inputContainerStyle={display:\"flex\",gap:8,justifyContent:\"center\",alignItems:\"center\"};const containerStyle={height:\"100%\",display:\"flex\",justifyContent:\"center\",alignItems:\"center\",gap:8,fontFamily:\"'Plus Jakarta Sans', sans-serif\",flexDirection:\"column\",width:\"fit-content\"};const inputStyle={fontFamily:\"'Plus Jakarta Sans', sans-serif\",fontSize:18,borderRadius:8,paddingLeft:8};addPropertyControls(Calculator,{valueColor:{type:ControlType.Color,title:\"Value Color\"},textColor:{type:ControlType.Color,title:\"Text Color\"},layout:{type:ControlType.Enum,title:\"Layout\",options:[\"Desktop\",\"Mobile\"]}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Calculator\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerSupportedLayoutHeight\":\"any\",\"framerSupportedLayoutWidth\":\"any\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Calculator.map"],
  "mappings": "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",
  "names": ["Calculator", "props", "salary", "setSalary", "ye", "values", "se", "onCost", "total", "remoteCost", "savings", "setValue", "te", "value", "valueSize", "textSize", "symbolSize", "cardPadding", "u", "containerStyle", "inputContainerStyle", "p", "inputStyle", "e", "cardStyle", "cardTextStyle", "cardHeaderStyle", "symbol", "addPropertyControls", "ControlType"]
}