{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/GLIRIvcMLlB40fyIlD9z/GjDcTlVORQfPDozsH4aA/CheckboxIcon.js", "ssg:https://framerusercontent.com/modules/UZ1X7CByqjH2hSWZN5Qt/jd7JCsr1vuA7cpdputnu/BaseCheckbox.js"],
  "sourcesContent": ["import{jsx as _jsx}from\"react/jsx-runtime\";export default function CheckboxIcon(){return /*#__PURE__*/_jsx(\"svg\",{\"data-v-8a6a3d50\":\"\",\"data-v-20294b63\":\"\",width:\"10\",height:\"10\",viewBox:\"0 0 24 24\",\"aria-label\":\"check-mark\",role:\"presentation\",children:/*#__PURE__*/_jsx(\"g\",{\"data-v-8a6a3d50\":\"\",fill:\"white\",children:/*#__PURE__*/_jsx(\"g\",{\"data-v-8a6a3d50\":\"\",children:/*#__PURE__*/_jsx(\"path\",{\"fill-rule\":\"evenodd\",\"clip-rule\":\"evenodd\",d:\"M21.5303 5.13634C21.8232 5.42923 21.8232 5.90411 21.5303 6.197L9.53033 18.197C9.38968 18.3377 9.19891 18.4167 9 18.4167C8.80109 18.4167 8.61032 18.3377 8.46967 18.197L2.46967 12.197C2.17678 11.9041 2.17678 11.4292 2.46967 11.1363C2.76256 10.8434 3.23744 10.8434 3.53033 11.1363L9 16.606L20.4697 5.13634C20.7626 4.84345 21.2374 4.84345 21.5303 5.13634Z\"})})})});}\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"CheckboxIcon\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./CheckboxIcon.map", "import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from\"react/jsx-runtime\";import styled from\"styled-components\";import CheckboxIcon from\"https://framerusercontent.com/modules/GLIRIvcMLlB40fyIlD9z/GjDcTlVORQfPDozsH4aA/CheckboxIcon.js\";export default function BaseCheckbox(props){const{label,checked,value,hasError,onChange,name}=props;return /*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsxs(Container,{children:[/*#__PURE__*/_jsxs(CheckboxContainer,{children:[/*#__PURE__*/_jsx(\"input\",{id:name,value:value,checked:checked,type:\"checkbox\",className:\"input\",onChange:onChange}),/*#__PURE__*/_jsx(CheckboxIcon,{})]}),/*#__PURE__*/_jsx(\"label\",{for:name,className:\"label\",dangerouslySetInnerHTML:{__html:label}})]}),hasError&&/*#__PURE__*/_jsx(Error,{children:\"This field is required\"})]});}const Container=styled.div`\n    width: 100%;\n    margin-bottom: 8px;\n    font-family: Figtree; \n    display: flex;\n    align-items: center;\n    gap: 16px;\n    color: #10131B;\n    cursor: pointer;\n\n    margin-bottom: 0;\n    padding: 8px 16px;\n    border-radius: 8px;\n    cursor: pointer;\n\n    &:hover {\n        background-color: rgb(246, 249, 252);\n    }\n\n  .label {\n        font-size: 18px;\n        line-height: 28px;\n        font-weight: 400;\n        cursor: pointer\n  }\n\n  label a {\n      display: unset;\n      color: #0055FF;\n      text-decoration: none;\n        \n  }\n\n  label {\n      font-size: 16px;\n      line-height: 28px;\n      font-weight: 400;\n      width: 100%;\n      color: #10131B;\n      cursor: pointer;\n\n      &:hover {\n        color: #0055FF;\n      }\n  }\n\n  input {\n      height: unset;\n  }\n\n  input:checked ~ label {\n      color: #0055FF;\n  }        \n  \n`;const CheckboxContainer=styled.div`\n    position: relative;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    svg {\n      position: absolute;\n      z-index: -1;\n    }\n\n    .input {\n      background-color: transparent;\n      border: 1px solid #B9BFCC;\n      border-radius: 4px;\n      width: 20px;\n      height: 20px;\n      appearance: none;\n      position: relative;\n      z-index: 1;\n\n      &:hover:not(:checked) {\n        background-color: #ECEEF2;\n        border: 1px solid #9AA1B1;\n      }\n\n      &:checked {\n        border: 1px solid #0055FF;\n      }\n\n      &:checked ~ svg {\n        height: 20px;\n        width: 20px;\n        border-radius: 4px;\n        z-index: 0;\n        padding: 4px;\n        background: #0055FF;\n      }\n    }\n  }\n`;const Error=styled.div`\n    color: #ff5117;\n    margin-top: 8px;\n`;\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"BaseCheckbox\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./BaseCheckbox.map"],
  "mappings": "gGAA0D,SAARA,GAA+B,CAAC,OAAoBC,EAAK,MAAM,CAAC,kBAAkB,GAAG,kBAAkB,GAAG,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,aAAa,aAAa,KAAK,eAAe,SAAsBA,EAAK,IAAI,CAAC,kBAAkB,GAAG,KAAK,QAAQ,SAAsBA,EAAK,IAAI,CAAC,kBAAkB,GAAG,SAAsBA,EAAK,OAAO,CAAC,YAAY,UAAU,YAAY,UAAU,EAAE,iWAAiW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAE,CCAziB,SAARC,EAA8BC,EAAM,CAAC,GAAK,CAAC,MAAAC,EAAM,QAAAC,EAAQ,MAAAC,EAAM,SAAAC,EAAS,SAAAC,EAAS,KAAAC,CAAI,EAAEN,EAAM,OAAoBO,EAAMC,EAAU,CAAC,SAAS,CAAcD,EAAME,EAAU,CAAC,SAAS,CAAcF,EAAMG,EAAkB,CAAC,SAAS,CAAcC,EAAK,QAAQ,CAAC,GAAGL,EAAK,MAAMH,EAAM,QAAQD,EAAQ,KAAK,WAAW,UAAU,QAAQ,SAASG,CAAQ,CAAC,EAAeM,EAAKC,EAAa,CAAC,CAAC,CAAC,CAAC,CAAC,EAAeD,EAAK,QAAQ,CAAC,IAAIL,EAAK,UAAU,QAAQ,wBAAwB,CAAC,OAAOL,CAAK,CAAC,CAAC,CAAC,CAAC,CAAC,EAAEG,GAAuBO,EAAKE,EAAM,CAAC,SAAS,wBAAwB,CAAC,CAAC,CAAC,CAAC,CAAE,CAAC,IAAMJ,EAAUK,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAsDjzBJ,EAAkBI,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAwCzBD,EAAMC,EAAO;AAAA;AAAA;",
  "names": ["CheckboxIcon", "p", "BaseCheckbox", "props", "label", "checked", "value", "hasError", "onChange", "name", "u", "l", "Container", "CheckboxContainer", "p", "CheckboxIcon", "Error", "He"]
}