country-compare.js

(()=>{var n={705:n=>{"use strict";n.exports=function(n){var e=[];return e.toString=function(){return this.map((function(e){var t=function(n,e){var t,r,o,l=n[1]||"",i=n[3];if(!i)return l;if(e&&"function"==typeof btoa){var _=(t=i,r=btoa(unescape(encodeURIComponent(JSON.stringify(t)))),o="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(r),"/*# ".concat(o," */")),a=i.sources.map((function(n){return"/*# sourceURL=".concat(i.sourceRoot||"").concat(n," */")}));return[l].concat(a).concat([_]).join("\n")}return[l].join("\n")}(e,n);return e[2]?"@media ".concat(e[2]," {").concat(t,"}"):t})).join("")},e.i=function(n,t,r){"string"==typeof n&&(n=[[null,n,""]]);var o={};if(r)for(var l=0;l<this.length;l++){var i=this[l][0];null!=i&&(o[i]=!0)}for(var _=0;_<n.length;_++){var a=[].concat(n[_]);r&&o[a[0]]||(t&&(a[2]?a[2]="".concat(t," and ").concat(a[2]):a[2]=t),e.push(a))}},e}},860:(n,e,t)=>{(e=t(705)(!1)).push([n.id,"/* @tailwind base; */\n\n.bg-white {\n  --tw-bg-opacity: 1;\n  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));\n}\n\n.border-gray-300 {\n  --tw-border-opacity: 1;\n  border-color: rgba(209, 213, 219, var(--tw-border-opacity));\n}\n\n.rounded {\n  border-radius: 0.25rem;\n}\n\n.border-b {\n  border-bottom-width: 1px;\n}\n\n.block {\n  display: block;\n}\n\n.flex {\n  display: flex;\n}\n\n.table {\n  display: table;\n}\n\n.font-semibold {\n  font-weight: 600;\n}\n\n.text-lg {\n  font-size: 1.125rem;\n  line-height: 1.75rem;\n}\n\n.text-4xl {\n  font-size: 2.25rem;\n  line-height: 2.5rem;\n}\n\n.leading-normal {\n  line-height: 1.5;\n}\n\n.mb-0 {\n  margin-bottom: 0px;\n}\n\n.mr-1 {\n  margin-right: 0.25rem;\n}\n\n.mb-1 {\n  margin-bottom: 0.25rem;\n}\n\n.mt-4 {\n  margin-top: 1rem;\n}\n\n.mb-10 {\n  margin-bottom: 2.5rem;\n}\n\n.p-2 {\n  padding: 0.5rem;\n}\n\n.p-4 {\n  padding: 1rem;\n}\n\n.p-2\\.5 {\n  padding: 0.625rem;\n}\n\n* {\n  --tw-shadow: 0 0 #0000;\n}\n\n* {\n  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);\n  --tw-ring-offset-width: 0px;\n  --tw-ring-offset-color: #fff;\n  --tw-ring-color: rgba(59, 130, 246, 0.5);\n  --tw-ring-offset-shadow: 0 0 #0000;\n  --tw-ring-shadow: 0 0 #0000;\n}\n\n.text-left {\n  text-align: left;\n}\n\n.w-full {\n  width: 100%;\n}\n\n.border-b {\n  border-bottom-style: solid;\n}\n\ntbody.country-comparison tr.first-row td:first-child {\n  border-top-left-radius: 5px;\n}\n\ntbody.country-comparison tr.first-row td:last-child {\n  border-top-right-radius: 5px;\n}\n\ntbody.country-comparison tr.last-row td:last-child {\n  border-bottom-right-radius: 5px;\n}\n\ntbody.country-comparison tr.last-row td:first-child {\n  border-bottom-left-radius: 5px;\n}\n\ntbody.country-comparison tr.last-row td,\ntbody.country-comparison tr.last-row th {\n  border-bottom: 0;\n}\n\n@media (min-width: 640px) {\n}\n\n@media (min-width: 768px) {\n}\n\n@media (min-width: 1024px) {\n}\n\n@media (min-width: 1280px) {\n}\n\n@media (min-width: 1536px) {\n}\n",""]),n.exports=e},730:(n,e,t)=>{var r=t(379),o=t(860);"string"==typeof(o=o.__esModule?o.default:o)&&(o=[[n.id,o,""]]);r(o,{insert:"head",singleton:!1}),n.exports=o.locals||{}},379:(n,e,t)=>{"use strict";var r,o=function(){var n={};return function(e){if(void 0===n[e]){var t=document.querySelector(e);if(window.HTMLIFrameElement&&t instanceof window.HTMLIFrameElement)try{t=t.contentDocument.head}catch(n){t=null}n[e]=t}return n[e]}}(),l=[];function i(n){for(var e=-1,t=0;t<l.length;t++)if(l[t].identifier===n){e=t;break}return e}function _(n,e){for(var t={},r=[],o=0;o<n.length;o++){var _=n[o],a=e.base?_[0]+e.base:_[0],u=t[a]||0,c="".concat(a," ").concat(u);t[a]=u+1;var s=i(c),f={css:_[1],media:_[2],sourceMap:_[3]};-1!==s?(l[s].references++,l[s].updater(f)):l.push({identifier:c,updater:h(f,e),references:1}),r.push(c)}return r}function a(n){var e=document.createElement("style"),r=n.attributes||{};if(void 0===r.nonce){var l=t.nc;l&&(r.nonce=l)}if(Object.keys(r).forEach((function(n){e.setAttribute(n,r[n])})),"function"==typeof n.insert)n.insert(e);else{var i=o(n.insert||"head");if(!i)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");i.appendChild(e)}return e}var u,c=(u=[],function(n,e){return u[n]=e,u.filter(Boolean).join("\n")});function s(n,e,t,r){var o=t?"":r.media?"@media ".concat(r.media," {").concat(r.css,"}"):r.css;if(n.styleSheet)n.styleSheet.cssText=c(e,o);else{var l=document.createTextNode(o),i=n.childNodes;i[e]&&n.removeChild(i[e]),i.length?n.insertBefore(l,i[e]):n.appendChild(l)}}function f(n,e,t){var r=t.css,o=t.media,l=t.sourceMap;if(o?n.setAttribute("media",o):n.removeAttribute("media"),l&&"undefined"!=typeof btoa&&(r+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(l))))," */")),n.styleSheet)n.styleSheet.cssText=r;else{for(;n.firstChild;)n.removeChild(n.firstChild);n.appendChild(document.createTextNode(r))}}var d=null,p=0;function h(n,e){var t,r,o;if(e.singleton){var l=p++;t=d||(d=a(e)),r=s.bind(null,t,l,!1),o=s.bind(null,t,l,!0)}else t=a(e),r=f.bind(null,t,e),o=function(){!function(n){if(null===n.parentNode)return!1;n.parentNode.removeChild(n)}(t)};return r(n),function(e){if(e){if(e.css===n.css&&e.media===n.media&&e.sourceMap===n.sourceMap)return;r(n=e)}else o()}}n.exports=function(n,e){(e=e||{}).singleton||"boolean"==typeof e.singleton||(e.singleton=(void 0===r&&(r=Boolean(window&&document&&document.all&&!window.atob)),r));var t=_(n=n||[],e);return function(n){if(n=n||[],"[object Array]"===Object.prototype.toString.call(n)){for(var r=0;r<t.length;r++){var o=i(t[r]);l[o].references--}for(var a=_(n,e),u=0;u<t.length;u++){var c=i(t[u]);0===l[c].references&&(l[c].updater(),l.splice(c,1))}t=a}}}}},e={};function t(r){if(e[r])return e[r].exports;var o=e[r]={id:r,exports:{}};return n[r](o,o.exports,t),o.exports}(()=>{"use strict";var n,e,r,o,l={},i=[],_=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i;function a(n,e){for(var t in e)n[t]=e[t];return n}function u(n){var e=n.parentNode;e&&e.removeChild(n)}function c(n,e,t){var r,o,l,i=arguments,_={};for(l in e)"key"==l?r=e[l]:"ref"==l?o=e[l]:_[l]=e[l];if(arguments.length>3)for(t=[t],l=3;l<arguments.length;l++)t.push(i[l]);if(null!=t&&(_.children=t),"function"==typeof n&&null!=n.defaultProps)for(l in n.defaultProps)void 0===_[l]&&(_[l]=n.defaultProps[l]);return s(n,_,r,o,null)}function s(e,t,r,o,l){var i={type:e,props:t,key:r,ref:o,__k:null,__:null,__b:0,__e:null,__d:void 0,__c:null,__h:null,constructor:void 0,__v:null==l?++n.__v:l};return null!=n.vnode&&n.vnode(i),i}function f(n){return n.children}function d(n,e){this.props=n,this.context=e}function p(n,e){if(null==e)return n.__?p(n.__,n.__.__k.indexOf(n)+1):null;for(var t;e<n.__k.length;e++)if(null!=(t=n.__k[e])&&null!=t.__e)return t.__e;return"function"==typeof n.type?p(n):null}function h(n){var e,t;if(null!=(n=n.__)&&null!=n.__c){for(n.__e=n.__c.base=null,e=0;e<n.__k.length;e++)if(null!=(t=n.__k[e])&&null!=t.__e){n.__e=n.__c.base=t.__e;break}return h(n)}}function m(t){(!t.__d&&(t.__d=!0)&&e.push(t)&&!v.__r++||o!==n.debounceRendering)&&((o=n.debounceRendering)||r)(v)}function v(){for(var n;v.__r=e.length;)n=e.sort((function(n,e){return n.__v.__b-e.__v.__b})),e=[],n.some((function(n){var e,t,r,o,l,i;n.__d&&(l=(o=(e=n).__v).__e,(i=e.__P)&&(t=[],(r=a({},o)).__v=o.__v+1,C(i,o,r,e.__n,void 0!==i.ownerSVGElement,null!=o.__h?[l]:null,t,null==l?p(o):l,o.__h),E(t,o),o.__e!=l&&h(o)))}))}function y(n,e,t,r,o,_,a,u,c,d){var h,m,v,y,w,x,k,S=r&&r.__k||i,E=S.length;for(t.__k=[],h=0;h<e.length;h++)if(null!=(y=t.__k[h]=null==(y=e[h])||"boolean"==typeof y?null:"string"==typeof y||"number"==typeof y?s(null,y,null,null,y):Array.isArray(y)?s(f,{children:y},null,null,null):y.__b>0?s(y.type,y.props,y.key,null,y.__v):y)){if(y.__=t,y.__b=t.__b+1,null===(v=S[h])||v&&y.key==v.key&&y.type===v.type)S[h]=void 0;else for(m=0;m<E;m++){if((v=S[m])&&y.key==v.key&&y.type===v.type){S[m]=void 0;break}v=null}C(n,y,v=v||l,o,_,a,u,c,d),w=y.__e,(m=y.ref)&&v.ref!=m&&(k||(k=[]),v.ref&&k.push(v.ref,null,y),k.push(m,y.__c||w,y)),null!=w?(null==x&&(x=w),"function"==typeof y.type&&null!=y.__k&&y.__k===v.__k?y.__d=c=b(y,c,n):c=g(n,y,v,S,w,c),d||"option"!==t.type?"function"==typeof t.type&&(t.__d=c):n.value=""):c&&v.__e==c&&c.parentNode!=n&&(c=p(v))}for(t.__e=x,h=E;h--;)null!=S[h]&&("function"==typeof t.type&&null!=S[h].__e&&S[h].__e==t.__d&&(t.__d=p(r,h+1)),M(S[h],S[h]));if(k)for(h=0;h<k.length;h++)H(k[h],k[++h],k[++h])}function b(n,e,t){var r,o;for(r=0;r<n.__k.length;r++)(o=n.__k[r])&&(o.__=n,e="function"==typeof o.type?b(o,e,t):g(t,o,o,n.__k,o.__e,e));return e}function g(n,e,t,r,o,l){var i,_,a;if(void 0!==e.__d)i=e.__d,e.__d=void 0;else if(null==t||o!=l||null==o.parentNode)n:if(null==l||l.parentNode!==n)n.appendChild(o),i=null;else{for(_=l,a=0;(_=_.nextSibling)&&a<r.length;a+=2)if(_==o)break n;n.insertBefore(o,l),i=l}return void 0!==i?i:o.nextSibling}function w(n,e,t){"-"===e[0]?n.setProperty(e,t):n[e]=null==t?"":"number"!=typeof t||_.test(e)?t:t+"px"}function x(n,e,t,r,o){var l;n:if("style"===e)if("string"==typeof t)n.style.cssText=t;else{if("string"==typeof r&&(n.style.cssText=r=""),r)for(e in r)t&&e in t||w(n.style,e,"");if(t)for(e in t)r&&t[e]===r[e]||w(n.style,e,t[e])}else if("o"===e[0]&&"n"===e[1])l=e!==(e=e.replace(/Capture$/,"")),e=e.toLowerCase()in n?e.toLowerCase().slice(2):e.slice(2),n.l||(n.l={}),n.l[e+l]=t,t?r||n.addEventListener(e,l?S:k,l):n.removeEventListener(e,l?S:k,l);else if("dangerouslySetInnerHTML"!==e){if(o)e=e.replace(/xlink[H:h]/,"h").replace(/sName$/,"s");else if("href"!==e&&"list"!==e&&"form"!==e&&"download"!==e&&e in n)try{n[e]=null==t?"":t;break n}catch(n){}"function"==typeof t||(null!=t&&(!1!==t||"a"===e[0]&&"r"===e[1])?n.setAttribute(e,t):n.removeAttribute(e))}}function k(e){this.l[e.type+!1](n.event?n.event(e):e)}function S(e){this.l[e.type+!0](n.event?n.event(e):e)}function C(e,t,r,o,l,i,_,u,c){var s,p,h,m,v,b,g,w,x,k,S,C=t.type;if(void 0!==t.constructor)return null;null!=r.__h&&(c=r.__h,u=t.__e=r.__e,t.__h=null,i=[u]),(s=n.__b)&&s(t);try{n:if("function"==typeof C){if(w=t.props,x=(s=C.contextType)&&o[s.__c],k=s?x?x.props.value:s.__:o,r.__c?g=(p=t.__c=r.__c).__=p.__E:("prototype"in C&&C.prototype.render?t.__c=p=new C(w,k):(t.__c=p=new d(w,k),p.constructor=C,p.render=U),x&&x.sub(p),p.props=w,p.state||(p.state={}),p.context=k,p.__n=o,h=p.__d=!0,p.__h=[]),null==p.__s&&(p.__s=p.state),null!=C.getDerivedStateFromProps&&(p.__s==p.state&&(p.__s=a({},p.__s)),a(p.__s,C.getDerivedStateFromProps(w,p.__s))),m=p.props,v=p.state,h)null==C.getDerivedStateFromProps&&null!=p.componentWillMount&&p.componentWillMount(),null!=p.componentDidMount&&p.__h.push(p.componentDidMount);else{if(null==C.getDerivedStateFromProps&&w!==m&&null!=p.componentWillReceiveProps&&p.componentWillReceiveProps(w,k),!p.__e&&null!=p.shouldComponentUpdate&&!1===p.shouldComponentUpdate(w,p.__s,k)||t.__v===r.__v){p.props=w,p.state=p.__s,t.__v!==r.__v&&(p.__d=!1),p.__v=t,t.__e=r.__e,t.__k=r.__k,p.__h.length&&_.push(p);break n}null!=p.componentWillUpdate&&p.componentWillUpdate(w,p.__s,k),null!=p.componentDidUpdate&&p.__h.push((function(){p.componentDidUpdate(m,v,b)}))}p.context=k,p.props=w,p.state=p.__s,(s=n.__r)&&s(t),p.__d=!1,p.__v=t,p.__P=e,s=p.render(p.props,p.state,p.context),p.state=p.__s,null!=p.getChildContext&&(o=a(a({},o),p.getChildContext())),h||null==p.getSnapshotBeforeUpdate||(b=p.getSnapshotBeforeUpdate(m,v)),S=null!=s&&s.type===f&&null==s.key?s.props.children:s,y(e,Array.isArray(S)?S:[S],t,r,o,l,i,_,u,c),p.base=t.__e,t.__h=null,p.__h.length&&_.push(p),g&&(p.__E=p.__=null),p.__e=!1}else null==i&&t.__v===r.__v?(t.__k=r.__k,t.__e=r.__e):t.__e=T(r.__e,t,r,o,l,i,_,c);(s=n.diffed)&&s(t)}catch(e){t.__v=null,(c||null!=i)&&(t.__e=u,t.__h=!!c,i[i.indexOf(u)]=null),n.__e(e,t,r)}}function E(e,t){n.__c&&n.__c(t,e),e.some((function(t){try{e=t.__h,t.__h=[],e.some((function(n){n.call(t)}))}catch(e){n.__e(e,t.__v)}}))}function T(n,e,t,r,o,_,a,c){var s,f,d,p,h=t.props,m=e.props,v=e.type,b=0;if("svg"===v&&(o=!0),null!=_)for(;b<_.length;b++)if((s=_[b])&&(s===n||(v?s.localName==v:3==s.nodeType))){n=s,_[b]=null;break}if(null==n){if(null===v)return document.createTextNode(m);n=o?document.createElementNS("http://www.w3.org/2000/svg",v):document.createElement(v,m.is&&m),_=null,c=!1}if(null===v)h===m||c&&n.data===m||(n.data=m);else{if(_=_&&i.slice.call(n.childNodes),f=(h=t.props||l).dangerouslySetInnerHTML,d=m.dangerouslySetInnerHTML,!c){if(null!=_)for(h={},p=0;p<n.attributes.length;p++)h[n.attributes[p].name]=n.attributes[p].value;(d||f)&&(d&&(f&&d.__html==f.__html||d.__html===n.innerHTML)||(n.innerHTML=d&&d.__html||""))}if(function(n,e,t,r,o){var l;for(l in t)"children"===l||"key"===l||l in e||x(n,l,null,t[l],r);for(l in e)o&&"function"!=typeof e[l]||"children"===l||"key"===l||"value"===l||"checked"===l||t[l]===e[l]||x(n,l,e[l],t[l],r)}(n,m,h,o,c),d)e.__k=[];else if(b=e.props.children,y(n,Array.isArray(b)?b:[b],e,t,r,o&&"foreignObject"!==v,_,a,n.firstChild,c),null!=_)for(b=_.length;b--;)null!=_[b]&&u(_[b]);c||("value"in m&&void 0!==(b=m.value)&&(b!==n.value||"progress"===v&&!b)&&x(n,"value",b,h.value,!1),"checked"in m&&void 0!==(b=m.checked)&&b!==n.checked&&x(n,"checked",b,h.checked,!1))}return n}function H(e,t,r){try{"function"==typeof e?e(t):e.current=t}catch(e){n.__e(e,r)}}function M(e,t,r){var o,l,i;if(n.unmount&&n.unmount(e),(o=e.ref)&&(o.current&&o.current!==e.__e||H(o,null,t)),r||"function"==typeof e.type||(r=null!=(l=e.__e)),e.__e=e.__d=void 0,null!=(o=e.__c)){if(o.componentWillUnmount)try{o.componentWillUnmount()}catch(e){n.__e(e,t)}o.base=o.__P=null}if(o=e.__k)for(i=0;i<o.length;i++)o[i]&&M(o[i],t,r);null!=l&&u(l)}function U(n,e,t){return this.constructor(n,t)}n={__e:function(n,e){for(var t,r,o;e=e.__;)if((t=e.__c)&&!t.__)try{if((r=t.constructor)&&null!=r.getDerivedStateFromError&&(t.setState(r.getDerivedStateFromError(n)),o=t.__d),null!=t.componentDidCatch&&(t.componentDidCatch(n),o=t.__d),o)return t.__E=t}catch(e){n=e}throw n},__v:0},d.prototype.setState=function(n,e){var t;t=null!=this.__s&&this.__s!==this.state?this.__s:this.__s=a({},this.state),"function"==typeof n&&(n=n(a({},t),this.props)),n&&a(t,n),null!=n&&this.__v&&(e&&this.__h.push(e),m(this))},d.prototype.forceUpdate=function(n){this.__v&&(this.__e=!0,n&&this.__h.push(n),m(this))},d.prototype.render=f,e=[],r="function"==typeof Promise?Promise.prototype.then.bind(Promise.resolve()):setTimeout,v.__r=0,t(730);var A,N,P,L=0,F=[],D=n.__b,j=n.__r,O=n.diffed,R=n.__c,B=n.unmount;function I(e,t){n.__h&&n.__h(N,e,L||t),L=0;var r=N.__H||(N.__H={__:[],__h:[]});return e>=r.__.length&&r.__.push({}),r.__[e]}function q(n){return L=1,function(n,e,t){var r=I(A++,2);return r.t=n,r.__c||(r.__=[K(void 0,e),function(n){var e=r.t(r.__[0],n);r.__[0]!==e&&(r.__=[e,r.__[1]],r.__c.setState({}))}],r.__c=N),r.__}(K,n)}function W(e,t){var r=I(A++,3);!n.__s&&function(n,e){return!n||n.length!==e.length||e.some((function(e,t){return e!==n[t]}))}(r.__H,t)&&(r.__=e,r.__H=t,N.__H.__h.push(r))}function G(){F.forEach((function(e){if(e.__P)try{e.__H.__h.forEach(z),e.__H.__h.forEach(J),e.__H.__h=[]}catch(t){e.__H.__h=[],n.__e(t,e.__v)}})),F=[]}n.__b=function(n){N=null,D&&D(n)},n.__r=function(n){j&&j(n),A=0;var e=(N=n.__c).__H;e&&(e.__h.forEach(z),e.__h.forEach(J),e.__h=[])},n.diffed=function(e){O&&O(e);var t=e.__c;t&&t.__H&&t.__H.__h.length&&(1!==F.push(t)&&P===n.requestAnimationFrame||((P=n.requestAnimationFrame)||function(n){var e,t=function(){clearTimeout(r),$&&cancelAnimationFrame(e),setTimeout(n)},r=setTimeout(t,100);$&&(e=requestAnimationFrame(t))})(G)),N=void 0},n.__c=function(e,t){t.some((function(e){try{e.__h.forEach(z),e.__h=e.__h.filter((function(n){return!n.__||J(n)}))}catch(r){t.some((function(n){n.__h&&(n.__h=[])})),t=[],n.__e(r,e.__v)}})),R&&R(e,t)},n.unmount=function(e){B&&B(e);var t=e.__c;if(t&&t.__H)try{t.__H.__.forEach(z)}catch(e){n.__e(e,t.__v)}};var $="function"==typeof requestAnimationFrame;function z(n){var e=N;"function"==typeof n.__c&&n.__c(),N=e}function J(n){var e=N;n.__c=n.__(),N=e}function K(n,e){return"function"==typeof e?e(n):e}const V=({label:n,value:e,onChange:t})=>c("div",null,c("label",{for:`country-select-${n}`,class:"mb-0"},n),c("select",{id:`country-select-${n}`,value:e,onChange:t,required:!0},c("option",{value:"ES"},"Spain"),c("option",{value:"GE"},"Germany"),c("option",{value:"FR"},"France"),c("option",{value:"UK"},"United Kingdon"))),Q=()=>{const[n,e]=q(""),[t,r]=q(""),[o,l]=q("");return c("header",{class:"bg-white p-4 rounded mb-10"},"Select two countries",c("form",{class:"flex",id:"calculator-inputs",novalidate:!0},c(V,{label:"One",value:n,onChange:n=>e(n.target.value)}),c(V,{label:"Two",value:t,onChange:n=>r(n.target.value)}),c("label",null,"Salary",c("input",{type:"number",value:o,onInput:n=>l(n.target.value),required:!0})),c("div",null,c("button",{type:"submit",class:"c-btn w-button"},"Calculate"))))},X=()=>{const n=(n,e)=>0===n?"first-row":n===e?"last-row":void 0;return c("table",{class:"w-full"},c("thead",null,c("tr",null,c("th",null),[{country:"Spain",cost:"£1,234",sections:[{name:"Benefits",data:{tax:12,pension:14}}]},{country:"Germany",cost:"£1,111",sections:[{name:"Benefits",data:{tax:8,pension:19}}]}].map((({country:n,cost:e})=>c("th",{scope:"col"},c("div",{class:"text-left"},c("div",null,n),c("div",null,c("span",{class:"text-4xl mr-1"},e),c("span",null,"/ month")))))))),c("tbody",{class:"country-comparison"},[{title:"Benefits",data:{tax:[6,12],pension:[6,8],parental_leave:[6,8]}},{title:"Costs",data:{social_security:[6,12],tax:[6,12],pension:[6,8]}}].map((({title:e,data:t})=>c(f,null,c("tr",null,c("td",{colspan:"3"},c("span",{class:"block text-lg font-semibold mt-4 mb-1"},e))),Object.keys(t).map(((e,r)=>c("tr",{class:n(r,Object.keys(t).length-1)},c("th",{scope:"row",class:"p-2.5 text-left bg-white border-b border-gray-300"},e),t[e].map((n=>c("td",{class:"p-2.5 bg-white border-b border-gray-300"},n)))))))))))};!function(e,t,r){var o,_,a;n.__&&n.__(e,t),_=(o="function"==typeof r)?null:r&&r.__k||t.__k,a=[],C(t,e=(!o&&r||t).__k=c(f,null,[e]),_||l,l,void 0!==t.ownerSVGElement,!o&&r?[r]:_?null:t.firstChild?i.slice.call(t.childNodes):null,a,!o&&r?r:_?_.__e:t.firstChild,o),E(a,e)}(c((()=>{const[n,e]=q(""),[t,r]=q(""),[o,l]=q(""),i=n=>{n.preventDefault();const t=n.target.elements;if(4!==t.length)throw new Error("Something went wrong finding the form inputs");e(t[0].value),r(t[1].value),l(t[2].value)};return W((()=>{const n=document.getElementById("calculator-inputs");return n.addEventListener("submit",i),()=>{n.removeEventListener("submit",i)}}),[]),W((()=>{console.log("get data",{countryOne:n,countryTwo:t,salary:o})}),[n,t,o]),c("div",{id:"app",class:"leading-normal"},n,t,o,c(Q,null),c(X,null))}),null),document.querySelector("#results-container"))})()})();