@learncard/react 2.8.62 → 2.9.2

package/dist/esm/{VerifierStateBadgeAndText-2e5414f4.js → VerifierStateBadgeAndText-490c08dc.js}

@@ -8,308 +8,428 @@ import Medical from './medical.png';
 import Social from './social.png';
 import Stem from './stem.png';
 import Trade from './trade.png';
-import { P as PuzzlePiece } from './PuzzlePiece-4541648e.js';
+import { P as PuzzlePiece } from './PuzzlePiece-a3d9cc62.js';
 
 const AcuteCheckmark = ({ className = "" }) => {
-  return /* @__PURE__ */ React.createElement("svg", {
-    width: "16",
-    height: "11",
-    viewBox: "0 0 16 11",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    className
-  }, /* @__PURE__ */ React.createElement("path", {
-    d: "M0.5 4.26859L5.96103 10.5L15.3 0.5H10.6348L5.96103 6.3205L4.49338 4.06677L0.5 4.26859Z",
-    fill: "#00BA88"
-  }));
+  return /* @__PURE__ */ React.createElement(
+    "svg",
+    {
+      width: "16",
+      height: "11",
+      viewBox: "0 0 16 11",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className
+    },
+    /* @__PURE__ */ React.createElement(
+      "path",
+      {
+        d: "M0.5 4.26859L5.96103 10.5L15.3 0.5H10.6348L5.96103 6.3205L4.49338 4.06677L0.5 4.26859Z",
+        fill: "#00BA88"
+      }
+    )
+  );
 };
 
 const Camera = ({ className = "" }) => {
-  return /* @__PURE__ */ React.createElement("svg", {
-    width: "25",
-    height: "24",
-    viewBox: "0 0 25 24",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    className
-  }, /* @__PURE__ */ React.createElement("path", {
-    d: "M20.7415 5.81958H18.6871C18.0439 5.81958 17.4439 5.49798 17.0887 4.96518L16.2295 3.67398C15.8743 3.14118 15.2743 2.81958 14.6311 2.81958L10.6855 2.81958C10.0423 2.81958 9.44231 3.14118 9.08711 3.67398L8.22791 4.96518C7.87271 5.49798 7.27271 5.81958 6.62951 5.81958H4.57991C3.51911 5.81958 2.65991 6.67878 2.65991 7.73958L2.65991 18.8996C2.65991 19.9604 3.51911 20.8196 4.57991 20.8196L20.7415 20.8196C21.8023 20.8196 22.6615 19.9604 22.6615 18.8996L22.6615 7.73958C22.6615 6.67878 21.8023 5.81958 20.7415 5.81958ZM12.7399 17.738C10.0903 17.738 7.93991 15.5876 7.93991 12.938C7.93991 10.2884 10.0903 8.13798 12.7399 8.13798C15.3895 8.13798 17.5399 10.2884 17.5399 12.938C17.5399 15.5876 15.3895 17.738 12.7399 17.738Z",
-    fill: "white"
-  }));
+  return /* @__PURE__ */ React.createElement(
+    "svg",
+    {
+      width: "25",
+      height: "24",
+      viewBox: "0 0 25 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className
+    },
+    /* @__PURE__ */ React.createElement(
+      "path",
+      {
+        d: "M20.7415 5.81958H18.6871C18.0439 5.81958 17.4439 5.49798 17.0887 4.96518L16.2295 3.67398C15.8743 3.14118 15.2743 2.81958 14.6311 2.81958L10.6855 2.81958C10.0423 2.81958 9.44231 3.14118 9.08711 3.67398L8.22791 4.96518C7.87271 5.49798 7.27271 5.81958 6.62951 5.81958H4.57991C3.51911 5.81958 2.65991 6.67878 2.65991 7.73958L2.65991 18.8996C2.65991 19.9604 3.51911 20.8196 4.57991 20.8196L20.7415 20.8196C21.8023 20.8196 22.6615 19.9604 22.6615 18.8996L22.6615 7.73958C22.6615 6.67878 21.8023 5.81958 20.7415 5.81958ZM12.7399 17.738C10.0903 17.738 7.93991 15.5876 7.93991 12.938C7.93991 10.2884 10.0903 8.13798 12.7399 8.13798C15.3895 8.13798 17.5399 10.2884 17.5399 12.938C17.5399 15.5876 15.3895 17.738 12.7399 17.738Z",
+        fill: "white"
+      }
+    )
+  );
 };
 
 const ExclamationPoint = ({ className = "" }) => {
-  return /* @__PURE__ */ React.createElement("svg", {
-    width: "5",
-    height: "11",
-    viewBox: "0 0 5 11",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    className
-  }, /* @__PURE__ */ React.createElement("path", {
-    d: "M1.1338 6.58451L0.5 0.5H4.30282L3.66901 6.58451H1.1338ZM2.40141 10.5C1.85681 10.5 1.4108 10.3357 1.06338 10.007C0.715963 9.66901 0.542253 9.26995 0.542253 8.80986C0.542253 8.34037 0.715963 7.94601 1.06338 7.62676C1.4108 7.30751 1.85681 7.14789 2.40141 7.14789C2.9554 7.14789 3.40141 7.30751 3.73944 7.62676C4.08685 7.94601 4.26056 8.34037 4.26056 8.80986C4.26056 9.26995 4.08685 9.66901 3.73944 10.007C3.40141 10.3357 2.9554 10.5 2.40141 10.5Z",
-    fill: "#FACC15"
-  }));
+  return /* @__PURE__ */ React.createElement(
+    "svg",
+    {
+      width: "5",
+      height: "11",
+      viewBox: "0 0 5 11",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className
+    },
+    /* @__PURE__ */ React.createElement(
+      "path",
+      {
+        d: "M1.1338 6.58451L0.5 0.5H4.30282L3.66901 6.58451H1.1338ZM2.40141 10.5C1.85681 10.5 1.4108 10.3357 1.06338 10.007C0.715963 9.66901 0.542253 9.26995 0.542253 8.80986C0.542253 8.34037 0.715963 7.94601 1.06338 7.62676C1.4108 7.30751 1.85681 7.14789 2.40141 7.14789C2.9554 7.14789 3.40141 7.30751 3.73944 7.62676C4.08685 7.94601 4.26056 8.34037 4.26056 8.80986C4.26056 9.26995 4.08685 9.66901 3.73944 10.007C3.40141 10.3357 2.9554 10.5 2.40141 10.5Z",
+        fill: "#FACC15"
+      }
+    )
+  );
 };
 
 const FatArrow = ({ className = "", direction = "right" }) => {
   if (direction === "right") {
-    return /* @__PURE__ */ React.createElement("svg", {
-      width: "24",
-      height: "24",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg",
-      className
-    }, /* @__PURE__ */ React.createElement("path", {
-      d: "M12.463 21.6929C12.3259 21.6361 12.2088 21.54 12.1264 21.4166C12.044 21.2933 12 21.1483 12 21V17.25H4.5C4.10231 17.2495 3.72105 17.0913 3.43984 16.8101C3.15864 16.5289 3.00045 16.1477 3 15.75V8.24999C3.00045 7.8523 3.15864 7.47103 3.43984 7.18983C3.72105 6.90862 4.10231 6.75044 4.5 6.74998H12V2.99998C12 2.85165 12.044 2.70665 12.1264 2.58332C12.2088 2.45999 12.326 2.36387 12.463 2.3071C12.6001 2.25033 12.7509 2.23547 12.8963 2.2644C13.0418 2.29333 13.1755 2.36475 13.2804 2.46962L22.2804 11.4696C22.421 11.6103 22.5 11.8011 22.5 12C22.5 12.1989 22.421 12.3897 22.2804 12.5304L13.2804 21.5304C13.1755 21.6352 13.0418 21.7066 12.8963 21.7355C12.7508 21.7645 12.6 21.7496 12.463 21.6929V21.6929Z",
-      fill: "white"
-    }));
+    return /* @__PURE__ */ React.createElement(
+      "svg",
+      {
+        width: "24",
+        height: "24",
+        viewBox: "0 0 24 24",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        className
+      },
+      /* @__PURE__ */ React.createElement(
+        "path",
+        {
+          d: "M12.463 21.6929C12.3259 21.6361 12.2088 21.54 12.1264 21.4166C12.044 21.2933 12 21.1483 12 21V17.25H4.5C4.10231 17.2495 3.72105 17.0913 3.43984 16.8101C3.15864 16.5289 3.00045 16.1477 3 15.75V8.24999C3.00045 7.8523 3.15864 7.47103 3.43984 7.18983C3.72105 6.90862 4.10231 6.75044 4.5 6.74998H12V2.99998C12 2.85165 12.044 2.70665 12.1264 2.58332C12.2088 2.45999 12.326 2.36387 12.463 2.3071C12.6001 2.25033 12.7509 2.23547 12.8963 2.2644C13.0418 2.29333 13.1755 2.36475 13.2804 2.46962L22.2804 11.4696C22.421 11.6103 22.5 11.8011 22.5 12C22.5 12.1989 22.421 12.3897 22.2804 12.5304L13.2804 21.5304C13.1755 21.6352 13.0418 21.7066 12.8963 21.7355C12.7508 21.7645 12.6 21.7496 12.463 21.6929V21.6929Z",
+          fill: "white"
+        }
+      )
+    );
   } else {
-    return /* @__PURE__ */ React.createElement("svg", {
-      width: "24",
-      height: "24",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg",
-      className
-    }, /* @__PURE__ */ React.createElement("path", {
-      d: "M10.7196 21.5304L1.71963 12.5304C1.57903 12.3897 1.50005 12.1989 1.50005 12C1.50005 11.8011 1.57903 11.6103 1.71963 11.4696L10.7196 2.46962C10.8245 2.36475 10.9582 2.29333 11.1037 2.2644C11.2491 2.23547 11.3999 2.25033 11.537 2.3071C11.674 2.36387 11.7912 2.45999 11.8736 2.58332C11.956 2.70665 12 2.85165 12 2.99998V6.74998H19.5C19.8977 6.75044 20.279 6.90862 20.5602 7.18983C20.8414 7.47103 20.9995 7.8523 21 8.24999V15.75C20.9995 16.1477 20.8414 16.5289 20.5602 16.8101C20.279 17.0913 19.8977 17.2495 19.5 17.25H12V21C12 21.1483 11.956 21.2933 11.8736 21.4166C11.7912 21.54 11.674 21.6361 11.537 21.6929C11.3999 21.7496 11.2491 21.7645 11.1037 21.7356C10.9582 21.7066 10.8245 21.6352 10.7196 21.5304Z",
-      fill: "white"
-    }));
+    return /* @__PURE__ */ React.createElement(
+      "svg",
+      {
+        width: "24",
+        height: "24",
+        viewBox: "0 0 24 24",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        className
+      },
+      /* @__PURE__ */ React.createElement(
+        "path",
+        {
+          d: "M10.7196 21.5304L1.71963 12.5304C1.57903 12.3897 1.50005 12.1989 1.50005 12C1.50005 11.8011 1.57903 11.6103 1.71963 11.4696L10.7196 2.46962C10.8245 2.36475 10.9582 2.29333 11.1037 2.2644C11.2491 2.23547 11.3999 2.25033 11.537 2.3071C11.674 2.36387 11.7912 2.45999 11.8736 2.58332C11.956 2.70665 12 2.85165 12 2.99998V6.74998H19.5C19.8977 6.75044 20.279 6.90862 20.5602 7.18983C20.8414 7.47103 20.9995 7.8523 21 8.24999V15.75C20.9995 16.1477 20.8414 16.5289 20.5602 16.8101C20.279 17.0913 19.8977 17.2495 19.5 17.25H12V21C12 21.1483 11.956 21.2933 11.8736 21.4166C11.7912 21.54 11.674 21.6361 11.537 21.6929C11.3999 21.7496 11.2491 21.7645 11.1037 21.7356C10.9582 21.7066 10.8245 21.6352 10.7196 21.5304Z",
+          fill: "white"
+        }
+      )
+    );
   }
 };
 
 const GenericDocumentIcon = ({ className = "" }) => {
-  return /* @__PURE__ */ React.createElement("svg", {
-    width: "41",
-    height: "40",
-    viewBox: "0 0 41 40",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    className
-  }, /* @__PURE__ */ React.createElement("path", {
-    d: "M5.5 4.66675C5.5 3.0099 6.84315 1.66675 8.5 1.66675H18.6813C21.3361 1.66675 23.8555 2.83885 25.5655 4.86953L33.3842 14.1542C34.7507 15.7769 35.5 17.8301 35.5 19.9515V35.3334C35.5 36.9903 34.1569 38.3334 32.5 38.3334H8.5C6.84315 38.3334 5.5 36.9903 5.5 35.3334V4.66675Z",
-    fill: "#FF3636"
-  }), /* @__PURE__ */ React.createElement("path", {
-    d: "M22 13V2.5C26 3.5 34.5 14 35.5 18H27C23 18 22 16 22 13Z",
-    fill: "#FF7A7A"
-  }));
+  return /* @__PURE__ */ React.createElement(
+    "svg",
+    {
+      width: "41",
+      height: "40",
+      viewBox: "0 0 41 40",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className
+    },
+    /* @__PURE__ */ React.createElement(
+      "path",
+      {
+        d: "M5.5 4.66675C5.5 3.0099 6.84315 1.66675 8.5 1.66675H18.6813C21.3361 1.66675 23.8555 2.83885 25.5655 4.86953L33.3842 14.1542C34.7507 15.7769 35.5 17.8301 35.5 19.9515V35.3334C35.5 36.9903 34.1569 38.3334 32.5 38.3334H8.5C6.84315 38.3334 5.5 36.9903 5.5 35.3334V4.66675Z",
+        fill: "#FF3636"
+      }
+    ),
+    /* @__PURE__ */ React.createElement("path", { d: "M22 13V2.5C26 3.5 34.5 14 35.5 18H27C23 18 22 16 22 13Z", fill: "#FF7A7A" })
+  );
 };
 
 const InfoIcon = ({ className = "", color = "#A8ACBD" }) => {
-  return /* @__PURE__ */ React.createElement("svg", {
-    width: "22",
-    height: "21",
-    viewBox: "0 0 22 21",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    className
-  }, /* @__PURE__ */ React.createElement("path", {
-    d: "M11.0003 0.34375C8.99153 0.34375 7.02793 0.939404 5.35774 2.05539C3.68755 3.17137 2.3858 4.75756 1.6171 6.61337C0.848395 8.46918 0.647267 10.5113 1.03915 12.4814C1.43103 14.4515 2.39832 16.2612 3.8187 17.6816C5.23907 19.1019 7.04874 20.0692 9.01886 20.4611C10.989 20.853 13.0311 20.6519 14.8869 19.8832C16.7427 19.1144 18.3289 17.8127 19.4449 16.1425C20.5608 14.4723 21.1565 12.5087 21.1565 10.5C21.1534 7.80735 20.0824 5.22588 18.1784 3.32188C16.2744 1.41789 13.6929 0.346862 11.0003 0.34375V0.34375ZM11.0002 5.03125C11.2319 5.03125 11.4585 5.09998 11.6512 5.22875C11.8439 5.35751 11.9941 5.54054 12.0828 5.75467C12.1715 5.9688 12.1947 6.20443 12.1495 6.43175C12.1043 6.65907 11.9927 6.86788 11.8288 7.03177C11.6649 7.19566 11.4561 7.30727 11.2288 7.35248C11.0015 7.3977 10.7658 7.37449 10.5517 7.2858C10.3376 7.1971 10.1545 7.0469 10.0258 6.85418C9.89701 6.66147 9.82828 6.4349 9.82828 6.20313C9.82828 6.04923 9.85859 5.89685 9.91748 5.75467C9.97637 5.61249 10.0627 5.4833 10.1715 5.37448C10.2803 5.26566 10.4095 5.17934 10.5517 5.12045C10.6939 5.06156 10.8463 5.03125 11.0002 5.03125H11.0002ZM11.7815 15.9688H11.0003C10.8976 15.9688 10.796 15.9486 10.7012 15.9094C10.6064 15.8702 10.5202 15.8126 10.4477 15.7401C10.3751 15.6675 10.3176 15.5814 10.2783 15.4865C10.2391 15.3917 10.2189 15.2901 10.219 15.1875V10.5C10.0118 10.5 9.81309 10.4177 9.66657 10.2712C9.52006 10.1247 9.43775 9.92595 9.43775 9.71875C9.43775 9.51155 9.52006 9.31284 9.66657 9.16632C9.81309 9.01981 10.0118 8.9375 10.219 8.9375H11.0003C11.1029 8.93744 11.2045 8.95761 11.2993 8.99685C11.3941 9.03609 11.4803 9.09363 11.5528 9.16619C11.6254 9.23875 11.6829 9.3249 11.7222 9.41971C11.7614 9.51452 11.7816 9.61614 11.7815 9.71875V14.4063C11.9887 14.4063 12.1874 14.4886 12.3339 14.6351C12.4804 14.7816 12.5628 14.9803 12.5628 15.1875C12.5628 15.3947 12.4804 15.5934 12.3339 15.7399C12.1874 15.8864 11.9887 15.9688 11.7815 15.9688Z",
-    fill: color
-  }));
+  return /* @__PURE__ */ React.createElement(
+    "svg",
+    {
+      width: "22",
+      height: "21",
+      viewBox: "0 0 22 21",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className
+    },
+    /* @__PURE__ */ React.createElement(
+      "path",
+      {
+        d: "M11.0003 0.34375C8.99153 0.34375 7.02793 0.939404 5.35774 2.05539C3.68755 3.17137 2.3858 4.75756 1.6171 6.61337C0.848395 8.46918 0.647267 10.5113 1.03915 12.4814C1.43103 14.4515 2.39832 16.2612 3.8187 17.6816C5.23907 19.1019 7.04874 20.0692 9.01886 20.4611C10.989 20.853 13.0311 20.6519 14.8869 19.8832C16.7427 19.1144 18.3289 17.8127 19.4449 16.1425C20.5608 14.4723 21.1565 12.5087 21.1565 10.5C21.1534 7.80735 20.0824 5.22588 18.1784 3.32188C16.2744 1.41789 13.6929 0.346862 11.0003 0.34375V0.34375ZM11.0002 5.03125C11.2319 5.03125 11.4585 5.09998 11.6512 5.22875C11.8439 5.35751 11.9941 5.54054 12.0828 5.75467C12.1715 5.9688 12.1947 6.20443 12.1495 6.43175C12.1043 6.65907 11.9927 6.86788 11.8288 7.03177C11.6649 7.19566 11.4561 7.30727 11.2288 7.35248C11.0015 7.3977 10.7658 7.37449 10.5517 7.2858C10.3376 7.1971 10.1545 7.0469 10.0258 6.85418C9.89701 6.66147 9.82828 6.4349 9.82828 6.20313C9.82828 6.04923 9.85859 5.89685 9.91748 5.75467C9.97637 5.61249 10.0627 5.4833 10.1715 5.37448C10.2803 5.26566 10.4095 5.17934 10.5517 5.12045C10.6939 5.06156 10.8463 5.03125 11.0002 5.03125H11.0002ZM11.7815 15.9688H11.0003C10.8976 15.9688 10.796 15.9486 10.7012 15.9094C10.6064 15.8702 10.5202 15.8126 10.4477 15.7401C10.3751 15.6675 10.3176 15.5814 10.2783 15.4865C10.2391 15.3917 10.2189 15.2901 10.219 15.1875V10.5C10.0118 10.5 9.81309 10.4177 9.66657 10.2712C9.52006 10.1247 9.43775 9.92595 9.43775 9.71875C9.43775 9.51155 9.52006 9.31284 9.66657 9.16632C9.81309 9.01981 10.0118 8.9375 10.219 8.9375H11.0003C11.1029 8.93744 11.2045 8.95761 11.2993 8.99685C11.3941 9.03609 11.4803 9.09363 11.5528 9.16619C11.6254 9.23875 11.6829 9.3249 11.7222 9.41971C11.7614 9.51452 11.7816 9.61614 11.7815 9.71875V14.4063C11.9887 14.4063 12.1874 14.4886 12.3339 14.6351C12.4804 14.7816 12.5628 14.9803 12.5628 15.1875C12.5628 15.3947 12.4804 15.5934 12.3339 15.7399C12.1874 15.8864 11.9887 15.9688 11.7815 15.9688Z",
+        fill: color
+      }
+    )
+  );
 };
 
 const IssuerSeal = ({ className = "", size = "77" }) => {
-  return /* @__PURE__ */ React.createElement("svg", {
-    width: size,
-    height: size,
-    viewBox: "0 0 77 77",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    className
-  }, /* @__PURE__ */ React.createElement("path", {
-    d: "M63.505 67.2679C56.4382 65.6232 52.6788 67.6475 50.6184 74.3528C49.9316 76.5939 47.1844 77.3169 45.5036 75.6903C40.5514 70.9369 36.4486 70.9369 31.4964 75.6903C29.7975 77.3169 27.0684 76.612 26.3816 74.3528C24.3393 67.6475 20.5799 65.6232 13.495 67.2679C11.2539 67.7921 9.28385 65.8039 9.80799 63.5809C11.4527 56.514 9.42844 52.7547 2.72309 50.6943C0.481945 50.0075 -0.241003 47.2603 1.38563 45.5794C6.13902 40.6273 6.13902 36.5245 1.38563 31.5723C-0.241003 29.8734 0.463872 27.1443 2.72309 26.4575C9.42844 24.4151 11.4527 20.6558 9.80799 13.5709C9.28385 11.3297 11.272 9.35971 13.495 9.88385C20.5618 11.5286 24.3212 9.5043 26.3816 2.79895C27.0684 0.557812 29.8156 -0.165137 31.4964 1.4615C36.4486 6.21489 40.5514 6.21489 45.5036 1.4615C47.2025 -0.165137 49.9316 0.539738 50.6184 2.79895C52.6608 9.5043 56.4201 11.5286 63.505 9.88385C65.7461 9.35971 67.7162 11.3478 67.192 13.5709C65.5473 20.6377 67.5716 24.397 74.2769 26.4575C76.5181 27.1443 77.241 29.8915 75.6144 31.5723C70.861 36.5245 70.861 40.6273 75.6144 45.5794C77.241 47.2784 76.5362 50.0075 74.2769 50.6943C67.5716 52.7366 65.5473 56.496 67.192 63.5809C67.7162 65.822 65.7281 67.7921 63.505 67.2679Z",
-    fill: "currentColor"
-  }));
+  return /* @__PURE__ */ React.createElement(
+    "svg",
+    {
+      width: size,
+      height: size,
+      viewBox: "0 0 77 77",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className
+    },
+    /* @__PURE__ */ React.createElement(
+      "path",
+      {
+        d: "M63.505 67.2679C56.4382 65.6232 52.6788 67.6475 50.6184 74.3528C49.9316 76.5939 47.1844 77.3169 45.5036 75.6903C40.5514 70.9369 36.4486 70.9369 31.4964 75.6903C29.7975 77.3169 27.0684 76.612 26.3816 74.3528C24.3393 67.6475 20.5799 65.6232 13.495 67.2679C11.2539 67.7921 9.28385 65.8039 9.80799 63.5809C11.4527 56.514 9.42844 52.7547 2.72309 50.6943C0.481945 50.0075 -0.241003 47.2603 1.38563 45.5794C6.13902 40.6273 6.13902 36.5245 1.38563 31.5723C-0.241003 29.8734 0.463872 27.1443 2.72309 26.4575C9.42844 24.4151 11.4527 20.6558 9.80799 13.5709C9.28385 11.3297 11.272 9.35971 13.495 9.88385C20.5618 11.5286 24.3212 9.5043 26.3816 2.79895C27.0684 0.557812 29.8156 -0.165137 31.4964 1.4615C36.4486 6.21489 40.5514 6.21489 45.5036 1.4615C47.2025 -0.165137 49.9316 0.539738 50.6184 2.79895C52.6608 9.5043 56.4201 11.5286 63.505 9.88385C65.7461 9.35971 67.7162 11.3478 67.192 13.5709C65.5473 20.6377 67.5716 24.397 74.2769 26.4575C76.5181 27.1443 77.241 29.8915 75.6144 31.5723C70.861 36.5245 70.861 40.6273 75.6144 45.5794C77.241 47.2784 76.5362 50.0075 74.2769 50.6943C67.5716 52.7366 65.5473 56.496 67.192 63.5809C67.7162 65.822 65.7281 67.7921 63.505 67.2679Z",
+        fill: "currentColor"
+      }
+    )
+  );
 };
 
 const LeftArrow = ({ className = "", size = "20" }) => {
-  return /* @__PURE__ */ React.createElement("svg", {
-    width: size,
-    height: size,
-    viewBox: "0 0 20 20",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    className
-  }, /* @__PURE__ */ React.createElement("path", {
-    d: "M8.93299 17.942L1.43299 10.442C1.31582 10.3247 1.25 10.1657 1.25 9.99999C1.25 9.83423 1.31582 9.67526 1.43299 9.55802L8.93299 2.05802C9.02041 1.97062 9.13178 1.91111 9.25301 1.887C9.37425 1.8629 9.49991 1.87528 9.61412 1.92258C9.72832 1.96989 9.82593 2.04999 9.89461 2.15277C9.96329 2.25554 9.99995 2.37638 9.99996 2.49999V5.62499H16.25C16.5814 5.62537 16.8991 5.75718 17.1334 5.99152C17.3678 6.22586 17.4996 6.54358 17.5 6.87499V13.125C17.4996 13.4564 17.3678 13.7741 17.1334 14.0085C16.8991 14.2428 16.5814 14.3746 16.25 14.375H9.99996V17.5C9.99995 17.6236 9.96329 17.7444 9.89461 17.8472C9.82593 17.95 9.72832 18.0301 9.61412 18.0774C9.49991 18.1247 9.37425 18.1371 9.25301 18.113C9.13178 18.0889 9.02041 18.0294 8.93299 17.942Z",
-    fill: "currentColor"
-  }));
+  return /* @__PURE__ */ React.createElement(
+    "svg",
+    {
+      width: size,
+      height: size,
+      viewBox: "0 0 20 20",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className
+    },
+    /* @__PURE__ */ React.createElement(
+      "path",
+      {
+        d: "M8.93299 17.942L1.43299 10.442C1.31582 10.3247 1.25 10.1657 1.25 9.99999C1.25 9.83423 1.31582 9.67526 1.43299 9.55802L8.93299 2.05802C9.02041 1.97062 9.13178 1.91111 9.25301 1.887C9.37425 1.8629 9.49991 1.87528 9.61412 1.92258C9.72832 1.96989 9.82593 2.04999 9.89461 2.15277C9.96329 2.25554 9.99995 2.37638 9.99996 2.49999V5.62499H16.25C16.5814 5.62537 16.8991 5.75718 17.1334 5.99152C17.3678 6.22586 17.4996 6.54358 17.5 6.87499V13.125C17.4996 13.4564 17.3678 13.7741 17.1334 14.0085C16.8991 14.2428 16.5814 14.3746 16.25 14.375H9.99996V17.5C9.99995 17.6236 9.96329 17.7444 9.89461 17.8472C9.82593 17.95 9.72832 18.0301 9.61412 18.0774C9.49991 18.1247 9.37425 18.1371 9.25301 18.113C9.13178 18.0889 9.02041 18.0294 8.93299 17.942Z",
+        fill: "currentColor"
+      }
+    )
+  );
 };
 
 const Line = ({ className = "", width = "109" }) => {
-  return /* @__PURE__ */ React.createElement("svg", {
-    width,
-    height: "6",
-    viewBox: "0 0 109 6",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, /* @__PURE__ */ React.createElement("rect", {
-    y: "0.575806",
-    width: "109",
-    height: "5",
-    rx: "2.5",
-    fill: "#E2E3E9"
-  }));
+  return /* @__PURE__ */ React.createElement(
+    "svg",
+    {
+      width,
+      height: "6",
+      viewBox: "0 0 109 6",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg"
+    },
+    /* @__PURE__ */ React.createElement("rect", { y: "0.575806", width: "109", height: "5", rx: "2.5", fill: "#E2E3E9" })
+  );
 };
 
 const LinkIcon = ({ className = "" }) => {
-  return /* @__PURE__ */ React.createElement("svg", {
-    width: "33",
-    height: "32",
-    viewBox: "0 0 33 32",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    className
-  }, /* @__PURE__ */ React.createElement("path", {
-    d: "M16.8117 7.91003L18.2677 6.45403C18.7784 5.94292 19.3847 5.53742 20.0521 5.26071C20.7195 4.98399 21.4348 4.84148 22.1573 4.84131C22.8798 4.84114 23.5953 4.98332 24.2628 5.25973C24.9303 5.53613 25.5368 5.94135 26.0477 6.45222C26.5586 6.9631 26.9638 7.56962 27.2402 8.23714C27.5166 8.90466 27.6588 9.6201 27.6586 10.3426C27.6584 11.0651 27.5159 11.7804 27.2392 12.4478C26.9625 13.1152 26.557 13.7216 26.0459 14.2322L22.5104 17.7677C21.9996 18.2785 21.3933 18.6836 20.726 18.96C20.0587 19.2364 19.3435 19.3787 18.6213 19.3787C17.899 19.3787 17.1838 19.2364 16.5165 18.96C15.8492 18.6836 15.2429 18.2785 14.7322 17.7677",
-    stroke: "#6366F1",
-    strokeWidth: "3",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  }), /* @__PURE__ */ React.createElement("path", {
-    d: "M16.188 24.0902L14.7322 25.546C14.2216 26.0571 13.6152 26.4626 12.9478 26.7393C12.2804 27.016 11.5651 27.1585 10.8426 27.1587C10.1201 27.1589 9.40466 27.0167 8.73714 26.7403C8.06962 26.4639 7.4631 26.0586 6.95222 25.5478C6.44135 25.0369 6.03613 24.4304 5.75973 23.7629C5.48332 23.0953 5.34114 22.3799 5.34131 21.6574C5.34148 20.9349 5.48399 20.2195 5.76071 19.5521C6.03742 18.8848 6.44292 18.2784 6.95403 17.7678L10.4896 14.2323C11.0003 13.7215 11.6066 13.3164 12.2739 13.04C12.9412 12.7636 13.6564 12.6213 14.3787 12.6213C15.1009 12.6213 15.8161 12.7636 16.4834 13.04C17.1507 13.3164 17.757 13.7215 18.2677 14.2323",
-    stroke: "#6366F1",
-    strokeWidth: "3",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  }));
+  return /* @__PURE__ */ React.createElement(
+    "svg",
+    {
+      width: "33",
+      height: "32",
+      viewBox: "0 0 33 32",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className
+    },
+    /* @__PURE__ */ React.createElement(
+      "path",
+      {
+        d: "M16.8117 7.91003L18.2677 6.45403C18.7784 5.94292 19.3847 5.53742 20.0521 5.26071C20.7195 4.98399 21.4348 4.84148 22.1573 4.84131C22.8798 4.84114 23.5953 4.98332 24.2628 5.25973C24.9303 5.53613 25.5368 5.94135 26.0477 6.45222C26.5586 6.9631 26.9638 7.56962 27.2402 8.23714C27.5166 8.90466 27.6588 9.6201 27.6586 10.3426C27.6584 11.0651 27.5159 11.7804 27.2392 12.4478C26.9625 13.1152 26.557 13.7216 26.0459 14.2322L22.5104 17.7677C21.9996 18.2785 21.3933 18.6836 20.726 18.96C20.0587 19.2364 19.3435 19.3787 18.6213 19.3787C17.899 19.3787 17.1838 19.2364 16.5165 18.96C15.8492 18.6836 15.2429 18.2785 14.7322 17.7677",
+        stroke: "#6366F1",
+        strokeWidth: "3",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    ),
+    /* @__PURE__ */ React.createElement(
+      "path",
+      {
+        d: "M16.188 24.0902L14.7322 25.546C14.2216 26.0571 13.6152 26.4626 12.9478 26.7393C12.2804 27.016 11.5651 27.1585 10.8426 27.1587C10.1201 27.1589 9.40466 27.0167 8.73714 26.7403C8.06962 26.4639 7.4631 26.0586 6.95222 25.5478C6.44135 25.0369 6.03613 24.4304 5.75973 23.7629C5.48332 23.0953 5.34114 22.3799 5.34131 21.6574C5.34148 20.9349 5.48399 20.2195 5.76071 19.5521C6.03742 18.8848 6.44292 18.2784 6.95403 17.7678L10.4896 14.2323C11.0003 13.7215 11.6066 13.3164 12.2739 13.04C12.9412 12.7636 13.6564 12.6213 14.3787 12.6213C15.1009 12.6213 15.8161 12.7636 16.4834 13.04C17.1507 13.3164 17.757 13.7215 18.2677 14.2323",
+        stroke: "#6366F1",
+        strokeWidth: "3",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    )
+  );
 };
 
 const PersonBadge = ({ className = "" }) => {
-  return /* @__PURE__ */ React.createElement("svg", {
-    width: "16",
-    height: "16",
-    viewBox: "0 0 16 16",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    className
-  }, /* @__PURE__ */ React.createElement("g", {
-    clipPath: "url(#clip0_378_5394)"
-  }, /* @__PURE__ */ React.createElement("g", {
-    clipPath: "url(#clip1_378_5394)"
-  }, /* @__PURE__ */ React.createElement("path", {
-    d: "M7.99375 9.45085C8.65625 9.45085 9.29375 9.18835 9.7625 8.7196C10.2312 8.25085 10.4937 7.61335 10.4937 6.95085C10.4937 6.4571 10.35 5.97585 10.075 5.56335C9.8 5.15085 9.4125 4.8321 8.95 4.6446C8.49375 4.4571 7.9875 4.4071 7.50625 4.50085C7.01875 4.5946 6.575 4.83835 6.225 5.1821C5.875 5.5321 5.6375 5.97585 5.54375 6.46335C5.45 6.95085 5.49375 7.45085 5.6875 7.9071C5.875 8.36335 6.2 8.7571 6.60625 9.0321C7.01875 9.3071 7.5 9.45085 7.99375 9.45085Z",
-    fill: "#05B65D"
-  }), /* @__PURE__ */ React.createElement("path", {
-    d: "M11.3375 11.9759C10.4187 11.1571 9.2375 10.7009 8.00625 10.7009C6.775 10.7009 5.5875 11.1509 4.675 11.9759C4.4 12.2196 4.1625 12.4946 3.95 12.7884C4.81875 12.7884 5.36875 13.1696 5.7375 14.0259C5.91875 14.4509 6.45 14.5821 6.8125 14.3071C7.64375 13.6696 8.3625 13.6696 9.19375 14.3071C9.5625 14.5821 10.0875 14.4509 10.2687 14.0259C10.6437 13.1634 11.1937 12.7821 12.0625 12.7884C11.85 12.4946 11.6125 12.2196 11.3375 11.9759Z",
-    fill: "#05B65D"
-  }), /* @__PURE__ */ React.createElement("path", {
-    d: "M14.7313 6.38838C15.0063 6.01963 14.8751 5.49463 14.4501 5.31338C13.4626 4.88213 13.1063 4.21963 13.2376 3.11338C13.2876 2.66963 12.9126 2.28838 12.4626 2.33838C11.3501 2.46963 10.6876 2.10713 10.2626 1.12588C10.0813 0.700884 9.55006 0.569634 9.18756 0.844634C8.35631 1.48213 7.63756 1.48213 6.80631 0.844634C6.43756 0.569634 5.91256 0.700884 5.73131 1.12588C5.30006 2.11338 4.63756 2.46963 3.53131 2.33838C3.08756 2.28838 2.70631 2.66338 2.75631 3.11338C2.88756 4.22588 2.52506 4.88838 1.54381 5.31338C1.12506 5.49463 0.993806 6.02588 1.26881 6.38838C1.90631 7.21963 1.90631 7.93838 1.26881 8.76963C0.993806 9.13838 1.12506 9.66338 1.55006 9.84463C2.53756 10.2759 2.89381 10.9384 2.76256 12.0446C2.75006 12.1259 2.76256 12.2071 2.78131 12.2821C2.86256 12.1634 2.93131 12.0321 3.01881 11.9196C3.70631 11.0196 4.61881 10.3196 5.66881 9.90088C5.05631 9.41963 4.60631 8.75713 4.38756 8.00713C4.16881 7.25713 4.18756 6.46338 4.44381 5.72588C4.70006 4.98838 5.17506 4.35088 5.81256 3.90088C6.45006 3.45088 7.20631 3.20713 7.98756 3.20713C8.76881 3.20713 9.52506 3.45088 10.1626 3.90088C10.8001 4.35088 11.2751 4.99463 11.5313 5.72588C11.7876 6.46338 11.8063 7.26338 11.5876 8.00713C11.3688 8.75713 10.9188 9.41338 10.3063 9.90088C11.3626 10.3196 12.2813 11.0196 12.9688 11.9196C13.0563 12.0384 13.1313 12.1696 13.2126 12.2884C13.2313 12.2134 13.2438 12.1321 13.2313 12.0446C13.1001 10.9321 13.4626 10.2696 14.4438 9.84463C14.8688 9.66338 15.0001 9.13213 14.7251 8.76963C14.0876 7.93838 14.0876 7.21963 14.7251 6.38838H14.7313Z",
-    fill: "#05B65D"
-  }))), /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", {
-    id: "clip0_378_5394"
-  }, /* @__PURE__ */ React.createElement("rect", {
-    width: "15",
-    height: "15",
-    fill: "white",
-    transform: "translate(0.5 0.0758667)"
-  })), /* @__PURE__ */ React.createElement("clipPath", {
-    id: "clip1_378_5394"
-  }, /* @__PURE__ */ React.createElement("rect", {
-    width: "13.75",
-    height: "13.75",
-    fill: "white",
-    transform: "translate(1.125 0.700867)"
-  }))));
+  return /* @__PURE__ */ React.createElement(
+    "svg",
+    {
+      width: "16",
+      height: "16",
+      viewBox: "0 0 16 16",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className
+    },
+    /* @__PURE__ */ React.createElement("g", { clipPath: "url(#clip0_378_5394)" }, /* @__PURE__ */ React.createElement("g", { clipPath: "url(#clip1_378_5394)" }, /* @__PURE__ */ React.createElement(
+      "path",
+      {
+        d: "M7.99375 9.45085C8.65625 9.45085 9.29375 9.18835 9.7625 8.7196C10.2312 8.25085 10.4937 7.61335 10.4937 6.95085C10.4937 6.4571 10.35 5.97585 10.075 5.56335C9.8 5.15085 9.4125 4.8321 8.95 4.6446C8.49375 4.4571 7.9875 4.4071 7.50625 4.50085C7.01875 4.5946 6.575 4.83835 6.225 5.1821C5.875 5.5321 5.6375 5.97585 5.54375 6.46335C5.45 6.95085 5.49375 7.45085 5.6875 7.9071C5.875 8.36335 6.2 8.7571 6.60625 9.0321C7.01875 9.3071 7.5 9.45085 7.99375 9.45085Z",
+        fill: "#05B65D"
+      }
+    ), /* @__PURE__ */ React.createElement(
+      "path",
+      {
+        d: "M11.3375 11.9759C10.4187 11.1571 9.2375 10.7009 8.00625 10.7009C6.775 10.7009 5.5875 11.1509 4.675 11.9759C4.4 12.2196 4.1625 12.4946 3.95 12.7884C4.81875 12.7884 5.36875 13.1696 5.7375 14.0259C5.91875 14.4509 6.45 14.5821 6.8125 14.3071C7.64375 13.6696 8.3625 13.6696 9.19375 14.3071C9.5625 14.5821 10.0875 14.4509 10.2687 14.0259C10.6437 13.1634 11.1937 12.7821 12.0625 12.7884C11.85 12.4946 11.6125 12.2196 11.3375 11.9759Z",
+        fill: "#05B65D"
+      }
+    ), /* @__PURE__ */ React.createElement(
+      "path",
+      {
+        d: "M14.7313 6.38838C15.0063 6.01963 14.8751 5.49463 14.4501 5.31338C13.4626 4.88213 13.1063 4.21963 13.2376 3.11338C13.2876 2.66963 12.9126 2.28838 12.4626 2.33838C11.3501 2.46963 10.6876 2.10713 10.2626 1.12588C10.0813 0.700884 9.55006 0.569634 9.18756 0.844634C8.35631 1.48213 7.63756 1.48213 6.80631 0.844634C6.43756 0.569634 5.91256 0.700884 5.73131 1.12588C5.30006 2.11338 4.63756 2.46963 3.53131 2.33838C3.08756 2.28838 2.70631 2.66338 2.75631 3.11338C2.88756 4.22588 2.52506 4.88838 1.54381 5.31338C1.12506 5.49463 0.993806 6.02588 1.26881 6.38838C1.90631 7.21963 1.90631 7.93838 1.26881 8.76963C0.993806 9.13838 1.12506 9.66338 1.55006 9.84463C2.53756 10.2759 2.89381 10.9384 2.76256 12.0446C2.75006 12.1259 2.76256 12.2071 2.78131 12.2821C2.86256 12.1634 2.93131 12.0321 3.01881 11.9196C3.70631 11.0196 4.61881 10.3196 5.66881 9.90088C5.05631 9.41963 4.60631 8.75713 4.38756 8.00713C4.16881 7.25713 4.18756 6.46338 4.44381 5.72588C4.70006 4.98838 5.17506 4.35088 5.81256 3.90088C6.45006 3.45088 7.20631 3.20713 7.98756 3.20713C8.76881 3.20713 9.52506 3.45088 10.1626 3.90088C10.8001 4.35088 11.2751 4.99463 11.5313 5.72588C11.7876 6.46338 11.8063 7.26338 11.5876 8.00713C11.3688 8.75713 10.9188 9.41338 10.3063 9.90088C11.3626 10.3196 12.2813 11.0196 12.9688 11.9196C13.0563 12.0384 13.1313 12.1696 13.2126 12.2884C13.2313 12.2134 13.2438 12.1321 13.2313 12.0446C13.1001 10.9321 13.4626 10.2696 14.4438 9.84463C14.8688 9.66338 15.0001 9.13213 14.7251 8.76963C14.0876 7.93838 14.0876 7.21963 14.7251 6.38838H14.7313Z",
+        fill: "#05B65D"
+      }
+    ))),
+    /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", { id: "clip0_378_5394" }, /* @__PURE__ */ React.createElement(
+      "rect",
+      {
+        width: "15",
+        height: "15",
+        fill: "white",
+        transform: "translate(0.5 0.0758667)"
+      }
+    )), /* @__PURE__ */ React.createElement("clipPath", { id: "clip1_378_5394" }, /* @__PURE__ */ React.createElement(
+      "rect",
+      {
+        width: "13.75",
+        height: "13.75",
+        fill: "white",
+        transform: "translate(1.125 0.700867)"
+      }
+    )))
+  );
 };
 
 const RedFlag = ({ className = "" }) => {
-  return /* @__PURE__ */ React.createElement("svg", {
-    width: "16",
-    height: "15",
-    viewBox: "0 0 16 15",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    className
-  }, /* @__PURE__ */ React.createElement("g", {
-    clipPath: "url(#clip0_459_5374)"
-  }, /* @__PURE__ */ React.createElement("path", {
-    d: "M14.7314 6.31252C15.0064 5.94377 14.8751 5.41877 14.4501 5.23752C13.4626 4.80627 13.1064 4.14377 13.2376 3.03752C13.2876 2.59377 12.9126 2.21252 12.4626 2.26252C11.3501 2.39377 10.6876 2.03127 10.2626 1.05002C10.0814 0.625017 9.55012 0.493767 9.18762 0.768767C8.35637 1.40627 7.63762 1.40627 6.80637 0.768767C6.43762 0.493767 5.91262 0.625017 5.73137 1.05002C5.30012 2.03752 4.63762 2.39377 3.53137 2.26252C3.08762 2.21252 2.70637 2.58752 2.75637 3.03752C2.88762 4.15002 2.52512 4.81252 1.54387 5.23752C1.12512 5.41877 0.993867 5.95002 1.26887 6.31252C1.90637 7.14377 1.90637 7.86252 1.26887 8.69377C0.993867 9.06252 1.12512 9.58752 1.55012 9.76877C2.53762 10.2 2.89387 10.8625 2.76262 11.9688C2.71262 12.4125 3.08762 12.7938 3.53762 12.7438C4.65012 12.6125 5.31262 12.975 5.73762 13.9563C5.91887 14.3813 6.45012 14.5125 6.81262 14.2375C6.81887 14.2375 6.82512 14.2313 6.83137 14.225L4.05012 6.26877C4.05012 6.26877 4.05012 6.24377 4.05012 6.23127C3.98137 6.02502 3.98137 5.80002 4.09387 5.59377C5.09387 3.79377 6.67512 4.01252 7.83137 4.16877C8.99387 4.32502 9.53137 4.36252 9.99387 3.53127C10.1439 3.26252 10.4314 3.10627 10.7439 3.13127C11.0501 3.15627 11.3126 3.36252 11.4126 3.65002L13.0876 8.44377C13.1626 8.65627 13.1439 8.88752 13.0314 9.08127C12.0314 10.8813 10.4501 10.6688 9.29387 10.5063C8.27512 10.3688 7.73762 10.325 7.31262 10.8625L8.33762 13.7938C8.61262 13.8563 8.89387 14 9.18762 14.225C9.55637 14.5 10.0814 14.3688 10.2626 13.9438C10.6939 12.9563 11.3564 12.6 12.4626 12.7313C12.9064 12.7813 13.2876 12.4063 13.2376 11.9563C13.1064 10.8438 13.4689 10.1813 14.4501 9.75627C14.8751 9.57502 15.0064 9.04377 14.7314 8.68127C14.0939 7.85002 14.0939 7.13127 14.7314 6.30002V6.31252Z",
-    fill: "#EB001B"
-  }), /* @__PURE__ */ React.createElement("path", {
-    d: "M9.5062 8.95624C10.525 9.09374 11.0625 9.13749 11.4875 8.59999L10.3687 5.39374C9.4812 5.96874 8.4437 5.82499 7.6187 5.71249C6.59995 5.57499 6.06245 5.53124 5.63745 6.07499L6.7562 9.28124C7.6437 8.71249 8.6812 8.84999 9.49995 8.96249L9.5062 8.95624Z",
-    fill: "#EB001B"
-  })), /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", {
-    id: "clip0_459_5374"
-  }, /* @__PURE__ */ React.createElement("rect", {
-    width: "13.75",
-    height: "13.75",
-    fill: "white",
-    transform: "translate(1.125 0.625)"
-  }))));
+  return /* @__PURE__ */ React.createElement(
+    "svg",
+    {
+      width: "16",
+      height: "15",
+      viewBox: "0 0 16 15",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className
+    },
+    /* @__PURE__ */ React.createElement("g", { clipPath: "url(#clip0_459_5374)" }, /* @__PURE__ */ React.createElement(
+      "path",
+      {
+        d: "M14.7314 6.31252C15.0064 5.94377 14.8751 5.41877 14.4501 5.23752C13.4626 4.80627 13.1064 4.14377 13.2376 3.03752C13.2876 2.59377 12.9126 2.21252 12.4626 2.26252C11.3501 2.39377 10.6876 2.03127 10.2626 1.05002C10.0814 0.625017 9.55012 0.493767 9.18762 0.768767C8.35637 1.40627 7.63762 1.40627 6.80637 0.768767C6.43762 0.493767 5.91262 0.625017 5.73137 1.05002C5.30012 2.03752 4.63762 2.39377 3.53137 2.26252C3.08762 2.21252 2.70637 2.58752 2.75637 3.03752C2.88762 4.15002 2.52512 4.81252 1.54387 5.23752C1.12512 5.41877 0.993867 5.95002 1.26887 6.31252C1.90637 7.14377 1.90637 7.86252 1.26887 8.69377C0.993867 9.06252 1.12512 9.58752 1.55012 9.76877C2.53762 10.2 2.89387 10.8625 2.76262 11.9688C2.71262 12.4125 3.08762 12.7938 3.53762 12.7438C4.65012 12.6125 5.31262 12.975 5.73762 13.9563C5.91887 14.3813 6.45012 14.5125 6.81262 14.2375C6.81887 14.2375 6.82512 14.2313 6.83137 14.225L4.05012 6.26877C4.05012 6.26877 4.05012 6.24377 4.05012 6.23127C3.98137 6.02502 3.98137 5.80002 4.09387 5.59377C5.09387 3.79377 6.67512 4.01252 7.83137 4.16877C8.99387 4.32502 9.53137 4.36252 9.99387 3.53127C10.1439 3.26252 10.4314 3.10627 10.7439 3.13127C11.0501 3.15627 11.3126 3.36252 11.4126 3.65002L13.0876 8.44377C13.1626 8.65627 13.1439 8.88752 13.0314 9.08127C12.0314 10.8813 10.4501 10.6688 9.29387 10.5063C8.27512 10.3688 7.73762 10.325 7.31262 10.8625L8.33762 13.7938C8.61262 13.8563 8.89387 14 9.18762 14.225C9.55637 14.5 10.0814 14.3688 10.2626 13.9438C10.6939 12.9563 11.3564 12.6 12.4626 12.7313C12.9064 12.7813 13.2876 12.4063 13.2376 11.9563C13.1064 10.8438 13.4689 10.1813 14.4501 9.75627C14.8751 9.57502 15.0064 9.04377 14.7314 8.68127C14.0939 7.85002 14.0939 7.13127 14.7314 6.30002V6.31252Z",
+        fill: "#EB001B"
+      }
+    ), /* @__PURE__ */ React.createElement(
+      "path",
+      {
+        d: "M9.5062 8.95624C10.525 9.09374 11.0625 9.13749 11.4875 8.59999L10.3687 5.39374C9.4812 5.96874 8.4437 5.82499 7.6187 5.71249C6.59995 5.57499 6.06245 5.53124 5.63745 6.07499L6.7562 9.28124C7.6437 8.71249 8.6812 8.84999 9.49995 8.96249L9.5062 8.95624Z",
+        fill: "#EB001B"
+      }
+    )),
+    /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", { id: "clip0_459_5374" }, /* @__PURE__ */ React.createElement(
+      "rect",
+      {
+        width: "13.75",
+        height: "13.75",
+        fill: "white",
+        transform: "translate(1.125 0.625)"
+      }
+    )))
+  );
 };
 
 const RoundedCorner = ({ className = "" }) => {
-  return /* @__PURE__ */ React.createElement("svg", {
-    width: "29",
-    height: "30",
-    viewBox: "0 0 29 30",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    className
-  }, /* @__PURE__ */ React.createElement("path", {
-    d: "M27 2.42419C27 16.2348 15.8106 27.4242 2 27.4242",
-    stroke: "currentColor",
-    strokeWidth: "4",
-    strokeLinecap: "square",
-    strokeLinejoin: "round"
-  }));
+  return /* @__PURE__ */ React.createElement(
+    "svg",
+    {
+      width: "29",
+      height: "30",
+      viewBox: "0 0 29 30",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className
+    },
+    /* @__PURE__ */ React.createElement(
+      "path",
+      {
+        d: "M27 2.42419C27 16.2348 15.8106 27.4242 2 27.4242",
+        stroke: "currentColor",
+        strokeWidth: "4",
+        strokeLinecap: "square",
+        strokeLinejoin: "round"
+      }
+    )
+  );
 };
 
 const UnknownVerifierBadge = ({ className = "" }) => {
-  return /* @__PURE__ */ React.createElement("svg", {
-    width: "16",
-    height: "15",
-    viewBox: "0 0 16 15",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    className
-  }, /* @__PURE__ */ React.createElement("path", {
-    d: "M14.7312 6.31252C15.0062 5.94377 14.875 5.41877 14.45 5.23752C13.4625 4.80627 13.1062 4.14377 13.2375 3.03752C13.2875 2.59377 12.9125 2.21252 12.4625 2.26252C11.35 2.39377 10.6875 2.03127 10.2625 1.05002C10.0812 0.625017 9.54999 0.493767 9.18749 0.768767C8.35624 1.40627 7.6375 1.40627 6.80624 0.768767C6.43749 0.493767 5.9125 0.625017 5.73125 1.05002C5.29999 2.03752 4.6375 2.39377 3.53124 2.26252C3.08749 2.21252 2.70624 2.58752 2.75624 3.03752C2.88749 4.15002 2.525 4.81252 1.54375 5.23752C1.125 5.41877 0.993745 5.95002 1.26875 6.31252C1.90625 7.14377 1.90625 7.86252 1.26875 8.69377C0.993745 9.06252 1.125 9.58752 1.55 9.76877C2.5375 10.2 2.89374 10.8625 2.76249 11.9688C2.71249 12.4125 3.08749 12.7938 3.53749 12.7438C4.64999 12.6125 5.3125 12.975 5.7375 13.9563C5.91875 14.3813 6.45 14.5125 6.8125 14.2375C7.64374 13.6 8.36249 13.6 9.19374 14.2375C9.5625 14.5125 10.0875 14.3813 10.2687 13.9563C10.7 12.9688 11.3625 12.6125 12.4687 12.7438C12.9125 12.7938 13.2937 12.4188 13.2437 11.9688C13.1125 10.8563 13.475 10.1938 14.4562 9.76877C14.8812 9.58752 15.0125 9.05627 14.7375 8.69377C14.1 7.86252 14.1 7.14377 14.7375 6.31252H14.7312ZM8.59374 11.6438C8.40624 11.8125 8.17499 11.9 7.89999 11.9C7.62499 11.9 7.40624 11.8125 7.21874 11.6438C7.03749 11.475 6.94999 11.2563 6.94999 10.9938C6.94999 10.7313 7.03749 10.525 7.21874 10.3438C7.39999 10.1625 7.63125 10.0625 7.89999 10.0625C8.16875 10.0625 8.40624 10.15 8.59374 10.3313C8.78749 10.5125 8.8875 10.7313 8.8875 10.9875C8.8875 11.2438 8.78749 11.4625 8.59374 11.6375V11.6438ZM10.25 6.49377C10.0937 6.73127 9.825 6.99377 9.43124 7.28752C8.98125 7.61877 8.66875 8.06252 8.48125 8.60627C8.4375 8.73127 8.41875 9.03127 8.41875 9.51877H7.2C7.16875 9.36252 7.15625 9.16252 7.17499 8.90627C7.19375 8.51877 7.2 8.34377 7.2 8.39377C7.2 7.96252 7.28749 7.61252 7.46874 7.34377C7.61249 7.12502 7.95 6.80002 8.48125 6.38127C8.86875 6.06252 9.06874 5.73127 9.06874 5.38127C9.06874 5.07502 8.96875 4.79377 8.7625 4.55002C8.56875 4.30002 8.33749 4.16877 8.08124 4.16877C7.4125 4.16877 6.93125 4.60627 6.63125 5.48752L5.45624 5.00002C5.75 4.30627 6.08749 3.81877 6.46875 3.53752C6.85 3.24377 7.375 3.10002 8.03125 3.10002C8.84374 3.10002 9.48125 3.31877 9.9375 3.75627C10.3437 4.16252 10.55 4.70627 10.55 5.38127C10.55 5.81252 10.45 6.18127 10.2562 6.49377H10.25Z",
-    fill: "#EF5D35"
-  }));
+  return /* @__PURE__ */ React.createElement(
+    "svg",
+    {
+      width: "16",
+      height: "15",
+      viewBox: "0 0 16 15",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className
+    },
+    /* @__PURE__ */ React.createElement(
+      "path",
+      {
+        d: "M14.7312 6.31252C15.0062 5.94377 14.875 5.41877 14.45 5.23752C13.4625 4.80627 13.1062 4.14377 13.2375 3.03752C13.2875 2.59377 12.9125 2.21252 12.4625 2.26252C11.35 2.39377 10.6875 2.03127 10.2625 1.05002C10.0812 0.625017 9.54999 0.493767 9.18749 0.768767C8.35624 1.40627 7.6375 1.40627 6.80624 0.768767C6.43749 0.493767 5.9125 0.625017 5.73125 1.05002C5.29999 2.03752 4.6375 2.39377 3.53124 2.26252C3.08749 2.21252 2.70624 2.58752 2.75624 3.03752C2.88749 4.15002 2.525 4.81252 1.54375 5.23752C1.125 5.41877 0.993745 5.95002 1.26875 6.31252C1.90625 7.14377 1.90625 7.86252 1.26875 8.69377C0.993745 9.06252 1.125 9.58752 1.55 9.76877C2.5375 10.2 2.89374 10.8625 2.76249 11.9688C2.71249 12.4125 3.08749 12.7938 3.53749 12.7438C4.64999 12.6125 5.3125 12.975 5.7375 13.9563C5.91875 14.3813 6.45 14.5125 6.8125 14.2375C7.64374 13.6 8.36249 13.6 9.19374 14.2375C9.5625 14.5125 10.0875 14.3813 10.2687 13.9563C10.7 12.9688 11.3625 12.6125 12.4687 12.7438C12.9125 12.7938 13.2937 12.4188 13.2437 11.9688C13.1125 10.8563 13.475 10.1938 14.4562 9.76877C14.8812 9.58752 15.0125 9.05627 14.7375 8.69377C14.1 7.86252 14.1 7.14377 14.7375 6.31252H14.7312ZM8.59374 11.6438C8.40624 11.8125 8.17499 11.9 7.89999 11.9C7.62499 11.9 7.40624 11.8125 7.21874 11.6438C7.03749 11.475 6.94999 11.2563 6.94999 10.9938C6.94999 10.7313 7.03749 10.525 7.21874 10.3438C7.39999 10.1625 7.63125 10.0625 7.89999 10.0625C8.16875 10.0625 8.40624 10.15 8.59374 10.3313C8.78749 10.5125 8.8875 10.7313 8.8875 10.9875C8.8875 11.2438 8.78749 11.4625 8.59374 11.6375V11.6438ZM10.25 6.49377C10.0937 6.73127 9.825 6.99377 9.43124 7.28752C8.98125 7.61877 8.66875 8.06252 8.48125 8.60627C8.4375 8.73127 8.41875 9.03127 8.41875 9.51877H7.2C7.16875 9.36252 7.15625 9.16252 7.17499 8.90627C7.19375 8.51877 7.2 8.34377 7.2 8.39377C7.2 7.96252 7.28749 7.61252 7.46874 7.34377C7.61249 7.12502 7.95 6.80002 8.48125 6.38127C8.86875 6.06252 9.06874 5.73127 9.06874 5.38127C9.06874 5.07502 8.96875 4.79377 8.7625 4.55002C8.56875 4.30002 8.33749 4.16877 8.08124 4.16877C7.4125 4.16877 6.93125 4.60627 6.63125 5.48752L5.45624 5.00002C5.75 4.30627 6.08749 3.81877 6.46875 3.53752C6.85 3.24377 7.375 3.10002 8.03125 3.10002C8.84374 3.10002 9.48125 3.31877 9.9375 3.75627C10.3437 4.16252 10.55 4.70627 10.55 5.38127C10.55 5.81252 10.45 6.18127 10.2562 6.49377H10.25Z",
+        fill: "#EF5D35"
+      }
+    )
+  );
 };
 
 const VerifiedBadge = ({ className = "" }) => {
-  return /* @__PURE__ */ React.createElement("svg", {
-    width: "16",
-    height: "16",
-    viewBox: "0 0 16 16",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    className
-  }, /* @__PURE__ */ React.createElement("g", {
-    clipPath: "url(#clip0_445_5415)"
-  }, /* @__PURE__ */ React.createElement("path", {
-    d: "M14.4505 5.30927C14.2501 5.22341 14.0842 5.12611 13.9354 5.01737L8.51512 10.4376C8.34914 10.6036 8.12592 10.6894 7.90842 10.6894C7.69093 10.6894 7.46771 10.6036 7.30172 10.4376L4.7719 7.90777C4.43421 7.57008 4.43421 7.02634 4.7719 6.69437C5.10959 6.36241 5.65333 6.35668 5.9853 6.69437L7.90842 8.6175L13.2256 3.30029C13.2256 3.23733 13.2256 3.1801 13.2371 3.11141C13.2886 2.6707 12.9108 2.28722 12.4644 2.33873C11.3597 2.47037 10.6958 2.11551 10.2665 1.12533C10.0834 0.707511 9.55109 0.570146 9.1905 0.844877C8.36059 1.48019 7.63941 1.48019 6.8095 0.844877C6.44319 0.570146 5.91662 0.701788 5.73346 1.12533C5.30992 2.10979 4.64598 2.47037 3.53561 2.33873C3.09489 2.28722 2.71141 2.66498 2.76293 3.11141C2.89457 4.21606 2.53971 4.88 1.54953 5.30927C1.12598 5.49242 0.99434 6.02472 1.26907 6.3853C1.90439 7.21522 1.90439 7.93639 1.26907 8.76631C0.99434 9.13262 1.12598 9.65919 1.54953 9.84234C2.53398 10.2659 2.89457 10.9298 2.76293 12.0402C2.71141 12.4809 3.08917 12.8644 3.53561 12.8129C4.64026 12.6812 5.30419 13.0361 5.73346 14.0263C5.91662 14.4441 6.44891 14.5815 6.8095 14.3067C7.63941 13.6714 8.36059 13.6714 9.1905 14.3067C9.55681 14.5815 10.0834 14.4498 10.2665 14.0263C10.6901 13.0418 11.354 12.6812 12.4644 12.8129C12.9051 12.8644 13.2886 12.4866 13.2371 12.0402C13.1054 10.9355 13.4603 10.2716 14.4505 9.84234C14.8683 9.65919 15.0057 9.12689 14.7309 8.76631C14.0956 7.93639 14.0956 7.21522 14.7309 6.3853C15.0057 6.01899 14.874 5.49242 14.4505 5.30927Z",
-    fill: "#026BFF"
-  })), /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", {
-    id: "clip0_445_5415"
-  }, /* @__PURE__ */ React.createElement("rect", {
-    width: "15",
-    height: "15",
-    fill: "white",
-    transform: "translate(0.5 0.0758057)"
-  }))));
+  return /* @__PURE__ */ React.createElement(
+    "svg",
+    {
+      width: "16",
+      height: "16",
+      viewBox: "0 0 16 16",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className
+    },
+    /* @__PURE__ */ React.createElement("g", { clipPath: "url(#clip0_445_5415)" }, /* @__PURE__ */ React.createElement(
+      "path",
+      {
+        d: "M14.4505 5.30927C14.2501 5.22341 14.0842 5.12611 13.9354 5.01737L8.51512 10.4376C8.34914 10.6036 8.12592 10.6894 7.90842 10.6894C7.69093 10.6894 7.46771 10.6036 7.30172 10.4376L4.7719 7.90777C4.43421 7.57008 4.43421 7.02634 4.7719 6.69437C5.10959 6.36241 5.65333 6.35668 5.9853 6.69437L7.90842 8.6175L13.2256 3.30029C13.2256 3.23733 13.2256 3.1801 13.2371 3.11141C13.2886 2.6707 12.9108 2.28722 12.4644 2.33873C11.3597 2.47037 10.6958 2.11551 10.2665 1.12533C10.0834 0.707511 9.55109 0.570146 9.1905 0.844877C8.36059 1.48019 7.63941 1.48019 6.8095 0.844877C6.44319 0.570146 5.91662 0.701788 5.73346 1.12533C5.30992 2.10979 4.64598 2.47037 3.53561 2.33873C3.09489 2.28722 2.71141 2.66498 2.76293 3.11141C2.89457 4.21606 2.53971 4.88 1.54953 5.30927C1.12598 5.49242 0.99434 6.02472 1.26907 6.3853C1.90439 7.21522 1.90439 7.93639 1.26907 8.76631C0.99434 9.13262 1.12598 9.65919 1.54953 9.84234C2.53398 10.2659 2.89457 10.9298 2.76293 12.0402C2.71141 12.4809 3.08917 12.8644 3.53561 12.8129C4.64026 12.6812 5.30419 13.0361 5.73346 14.0263C5.91662 14.4441 6.44891 14.5815 6.8095 14.3067C7.63941 13.6714 8.36059 13.6714 9.1905 14.3067C9.55681 14.5815 10.0834 14.4498 10.2665 14.0263C10.6901 13.0418 11.354 12.6812 12.4644 12.8129C12.9051 12.8644 13.2886 12.4866 13.2371 12.0402C13.1054 10.9355 13.4603 10.2716 14.4505 9.84234C14.8683 9.65919 15.0057 9.12689 14.7309 8.76631C14.0956 7.93639 14.0956 7.21522 14.7309 6.3853C15.0057 6.01899 14.874 5.49242 14.4505 5.30927Z",
+        fill: "#026BFF"
+      }
+    )),
+    /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", { id: "clip0_445_5415" }, /* @__PURE__ */ React.createElement(
+      "rect",
+      {
+        width: "15",
+        height: "15",
+        fill: "white",
+        transform: "translate(0.5 0.0758057)"
+      }
+    )))
+  );
 };
 
 const VideoIcon = ({ className = "", size = "25" }) => {
-  return /* @__PURE__ */ React.createElement("svg", {
-    width: size,
-    height: size,
-    viewBox: "0 0 25 24",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    className
-  }, /* @__PURE__ */ React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M6.61304 4.5H12.4051C14.8271 4.5 16.5181 6.16904 16.5181 8.56091V15.4391C16.5181 17.831 14.8271 19.5 12.4051 19.5H6.61304C4.19102 19.5 2.5 17.831 2.5 15.4391V8.56091C2.5 6.16904 4.19102 4.5 6.61304 4.5ZM20.458 6.87898C20.897 6.65563 21.412 6.67898 21.831 6.94294C22.25 7.20589 22.5 7.66274 22.5 8.16223V15.8384C22.5 16.3389 22.25 16.7947 21.831 17.0577C21.602 17.2008 21.346 17.2739 21.088 17.2739C20.873 17.2739 20.658 17.2231 20.457 17.1206L18.976 16.3734C18.428 16.0952 18.088 15.5369 18.088 14.9165V9.08305C18.088 8.46173 18.428 7.90335 18.976 7.62721L20.458 6.87898Z",
-    fill: "white"
-  }));
+  return /* @__PURE__ */ React.createElement(
+    "svg",
+    {
+      width: size,
+      height: size,
+      viewBox: "0 0 25 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className
+    },
+    /* @__PURE__ */ React.createElement(
+      "path",
+      {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M6.61304 4.5H12.4051C14.8271 4.5 16.5181 6.16904 16.5181 8.56091V15.4391C16.5181 17.831 14.8271 19.5 12.4051 19.5H6.61304C4.19102 19.5 2.5 17.831 2.5 15.4391V8.56091C2.5 6.16904 4.19102 4.5 6.61304 4.5ZM20.458 6.87898C20.897 6.65563 21.412 6.67898 21.831 6.94294C22.25 7.20589 22.5 7.66274 22.5 8.16223V15.8384C22.5 16.3389 22.25 16.7947 21.831 17.0577C21.602 17.2008 21.346 17.2739 21.088 17.2739C20.873 17.2739 20.658 17.2231 20.457 17.1206L18.976 16.3734C18.428 16.0952 18.088 15.5369 18.088 14.9165V9.08305C18.088 8.46173 18.428 7.90335 18.976 7.62721L20.458 6.87898Z",
+        fill: "white"
+      }
+    )
+  );
 };
 
 const truncateWithEllipsis = (str, maxLength) => {
@@ -946,6 +1066,7 @@ const CATEGORY_TO_SKILLS = {
   ]
 };
 const SKILLS_TO_SUBSKILLS = {
+  // Durable
   ["adaptability" /* Adaptability */]: [
     {
       id: 1,
@@ -1081,6 +1202,7 @@ const SKILLS_TO_SUBSKILLS = {
       type: "knowledgeRetention" /* knowledgeRetention */
     }
   ],
+  // STEM
   ["mathematics" /* Mathematics */]: [
     {
       id: 1,
@@ -1216,6 +1338,7 @@ const SKILLS_TO_SUBSKILLS = {
       type: "presentation" /* presentation */
     }
   ],
+  // athletic
   ["sportSpecificSkills" /* SportSpecificSkills */]: [
     {
       id: 1,
@@ -1351,6 +1474,7 @@ const SKILLS_TO_SUBSKILLS = {
       type: "sportsmanship" /* sportsmanship */
     }
   ],
+  // creative
   ["visualArts" /* VisualArts */]: [
     {
       id: 1,
@@ -1501,6 +1625,7 @@ const SKILLS_TO_SUBSKILLS = {
       type: "outOfTheBoxThinking" /* outOfTheBoxThinking */
     }
   ],
+  // business
   ["management" /* Management */]: [
     {
       id: 1,
@@ -1636,6 +1761,7 @@ const SKILLS_TO_SUBSKILLS = {
       type: "decisionMaking" /* decisionMaking */
     }
   ],
+  // trade
   ["construction" /* Construction */]: [
     {
       id: 1,
@@ -1771,6 +1897,7 @@ const SKILLS_TO_SUBSKILLS = {
       type: "restaurantManagement" /* restaurantManagement */
     }
   ],
+  // social
   ["history" /* History */]: [
     {
       id: 1,
@@ -1906,6 +2033,7 @@ const SKILLS_TO_SUBSKILLS = {
       type: "publicPolicy" /* publicPolicy */
     }
   ],
+  // digital
   ["basicComputerSkills" /* BasicComputerSkills */]: [
     {
       id: 1,
@@ -2041,6 +2169,7 @@ const SKILLS_TO_SUBSKILLS = {
       type: "protectingDevices" /* protectingDevices */
     }
   ],
+  // medical
   ["clinicalSkills" /* ClinicalSkills */]: [
     {
       id: 1,
@@ -2195,94 +2324,54 @@ const TopLevelSkill = ({ skillSelected, skill, handleExpandSubSkills }) => {
   const subSkills = (_a = skillSelected.subskills) != null ? _a : [];
   const subSkillsCount = (_b = skillSelected.subskills.length) != null ? _b : 0;
   const isClickable = (subSkills == null ? void 0 : subSkills.length) > 0;
-  return /* @__PURE__ */ React.createElement("button", {
-    onClick: isClickable ? handleExpandSubSkills : void 0,
-    disabled: !isClickable,
-    className: `flex items-center justify-between w-full mb-4 bg-violet-100 rounded-[20px]`
-  }, /* @__PURE__ */ React.createElement("div", {
-    className: "flex items-center justify-start w-[80%] px-[6px] py-[10px] overflow-hidden"
-  }, /* @__PURE__ */ React.createElement("div", {
-    className: "rounded-full h-[50px] w-[50px]"
-  }, /* @__PURE__ */ React.createElement("img", {
-    src: IconComponent,
-    alt: "skill icon",
-    className: "w-full h-full"
-  })), /* @__PURE__ */ React.createElement("div", {
-    className: "flex flex-col items-start justify-center ml-2"
-  }, /* @__PURE__ */ React.createElement("p", {
-    className: "font-poppins text-left text-violet-800 font-semibold text-xs"
-  }, _category == null ? void 0 : _category.title), /* @__PURE__ */ React.createElement("p", {
-    className: "text-black font-poppins text-left text-xs font-normal"
-  }, title))), (subSkills == null ? void 0 : subSkills.length) > 0 && /* @__PURE__ */ React.createElement("div", {
-    className: "flex items-center justify-center rounded-full bg-white mr-4 h-[40px] w-[40px]"
-  }, /* @__PURE__ */ React.createElement("div", {
-    className: "text-black font-bold flex items-center justify-center text-center font-poppins"
-  }, "+", subSkillsCount)));
+  return /* @__PURE__ */ React.createElement(
+    "button",
+    {
+      onClick: isClickable ? handleExpandSubSkills : void 0,
+      disabled: !isClickable,
+      className: `flex items-center justify-between w-full mb-4 bg-violet-100 rounded-[20px]`
+    },
+    /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-start w-[80%] px-[6px] py-[10px] overflow-hidden" }, /* @__PURE__ */ React.createElement("div", { className: "rounded-full h-[50px] w-[50px]" }, /* @__PURE__ */ React.createElement("img", { src: IconComponent, alt: "skill icon", className: "w-full h-full" })), /* @__PURE__ */ React.createElement("div", { className: "flex flex-col items-start justify-center ml-2" }, /* @__PURE__ */ React.createElement("p", { className: "font-poppins text-left text-violet-800 font-semibold text-xs" }, _category == null ? void 0 : _category.title), /* @__PURE__ */ React.createElement("p", { className: "text-black font-poppins text-left text-xs font-normal" }, title))),
+    (subSkills == null ? void 0 : subSkills.length) > 0 && /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-center rounded-full bg-white mr-4 h-[40px] w-[40px]" }, /* @__PURE__ */ React.createElement("div", { className: "text-black font-bold flex items-center justify-center text-center font-poppins" }, "+", subSkillsCount))
+  );
 };
 
 const Subskill = ({ subskillSelected, skill, subSkill }) => {
   const { title, IconComponent, type, category } = skill;
   const _category = boostCMSSKillCategories.find((c) => c.type === category);
-  return /* @__PURE__ */ React.createElement("div", {
-    className: "flex items-center justify-between w-full mb-4  bg-violet-100 rounded-[20px]"
-  }, /* @__PURE__ */ React.createElement("div", {
-    className: "flex items-center justify-start w-[90%] px-[6px] py-[10px] overflow-hidden"
-  }, /* @__PURE__ */ React.createElement("div", {
-    className: "rounded-full h-[50px] w-[50px]"
-  }, /* @__PURE__ */ React.createElement("img", {
-    src: IconComponent,
-    alt: "skill icon",
-    className: "w-full h-full"
-  })), /* @__PURE__ */ React.createElement("div", {
-    className: "flex flex-col items-start justify-center ml-2"
-  }, /* @__PURE__ */ React.createElement("p", {
-    className: "font-poppins text-left text-violet-800 font-semibold text-xs"
-  }, _category == null ? void 0 : _category.title, " / ", skill == null ? void 0 : skill.title), /* @__PURE__ */ React.createElement("p", {
-    className: "text-black font-poppins text-left text-base font-normal"
-  }, subSkill == null ? void 0 : subSkill.title))));
+  return /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-between w-full mb-4  bg-violet-100 rounded-[20px]" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-start w-[90%] px-[6px] py-[10px] overflow-hidden" }, /* @__PURE__ */ React.createElement("div", { className: "rounded-full h-[50px] w-[50px]" }, /* @__PURE__ */ React.createElement("img", { src: IconComponent, alt: "skill icon", className: "w-full h-full" })), /* @__PURE__ */ React.createElement("div", { className: "flex flex-col items-start justify-center ml-2" }, /* @__PURE__ */ React.createElement("p", { className: "font-poppins text-left text-violet-800 font-semibold text-xs" }, _category == null ? void 0 : _category.title, " / ", skill == null ? void 0 : skill.title), /* @__PURE__ */ React.createElement("p", { className: "text-black font-poppins text-left text-base font-normal" }, subSkill == null ? void 0 : subSkill.title))));
 };
 
 const SelectedSkills = ({ skill, skillSelected }) => {
   const [expandSubSkills, setExandSubSkills] = useState(false);
   const handleExpandSubSkills = () => setExandSubSkills(!expandSubSkills);
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(TopLevelSkill, {
-    skill,
-    skillSelected,
-    handleExpandSubSkills
-  }), skillSelected && skillSelected.subskills.length > 0 && expandSubSkills && /* @__PURE__ */ React.createElement("div", {
-    className: "w-full flex items-center justify-end"
-  }, /* @__PURE__ */ React.createElement("div", {
-    className: "w-[95%] flex items-center flex-col"
-  }, skillSelected.subskills.map((subSkill, i) => {
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+    TopLevelSkill,
+    {
+      skill,
+      skillSelected,
+      handleExpandSubSkills
+    }
+  ), skillSelected && skillSelected.subskills.length > 0 && expandSubSkills && /* @__PURE__ */ React.createElement("div", { className: "w-full flex items-center justify-end" }, /* @__PURE__ */ React.createElement("div", { className: "w-[95%] flex items-center flex-col" }, skillSelected.subskills.map((subSkill, i) => {
     var _a, _b;
     const subskillSelected = (_a = skillSelected == null ? void 0 : skillSelected.subskills) == null ? void 0 : _a.includes(
       subSkill
     );
     const _subSkill = (_b = SKILLS_TO_SUBSKILLS[skill.type]) == null ? void 0 : _b.find((ss) => ss.type === subSkill);
-    return /* @__PURE__ */ React.createElement(Subskill, {
-      key: i,
-      skill,
-      subSkill: _subSkill,
-      subskillSelected
-    });
+    return /* @__PURE__ */ React.createElement(
+      Subskill,
+      {
+        key: i,
+        skill,
+        subSkill: _subSkill,
+        subskillSelected
+      }
+    );
   }))));
 };
 
 const SkillsBox = ({ skills }) => {
-  return /* @__PURE__ */ React.createElement("div", {
-    className: "bg-white flex flex-col items-start gap-[10px] rounded-[20px] shadow-bottom px-[15px] py-[20px] w-full relative"
-  }, /* @__PURE__ */ React.createElement("div", {
-    className: "flex items-center justify-start"
-  }, /* @__PURE__ */ React.createElement("div", {
-    className: "bg-violet-500 rounded-full flex items-center justify-center h-[30px] w-[30px] p-1"
-  }, /* @__PURE__ */ React.createElement(PuzzlePiece, {
-    className: "text-white",
-    fill: "#fff"
-  })), " ", /* @__PURE__ */ React.createElement("h3", {
-    className: "text-[20px] leading-[20px] text-grayscale-900 ml-2"
-  }, "Skills")), skills.length > 0 && /* @__PURE__ */ React.createElement("div", {
-    className: "pt-0 pb-4 flex items-center justify-center flex-col w-full"
-  }, skills.map((_skill, index) => {
+  return /* @__PURE__ */ React.createElement("div", { className: "bg-white flex flex-col items-start gap-[10px] rounded-[20px] shadow-bottom px-[15px] py-[20px] w-full relative" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-start" }, /* @__PURE__ */ React.createElement("div", { className: "bg-violet-500 rounded-full flex items-center justify-center h-[30px] w-[30px] p-1" }, /* @__PURE__ */ React.createElement(PuzzlePiece, { className: "text-white", fill: "#fff" })), " ", /* @__PURE__ */ React.createElement("h3", { className: "text-[20px] leading-[20px] text-grayscale-900 ml-2" }, "Skills")), skills.length > 0 && /* @__PURE__ */ React.createElement("div", { className: "pt-0 pb-4 flex items-center justify-center flex-col w-full" }, skills.map((_skill, index) => {
     boostCMSSKillCategories.find(
       (c) => c.type === _skill.category
     );
@@ -2290,11 +2379,14 @@ const SkillsBox = ({ skills }) => {
     SKILLS_TO_SUBSKILLS[_skill.skill];
     const selectedSkills = skills != null ? skills : [];
     const skillSelected = selectedSkills.find((s) => s.skill === skill.type);
-    return /* @__PURE__ */ React.createElement(SelectedSkills, {
-      key: index,
-      skill,
-      skillSelected
-    });
+    return /* @__PURE__ */ React.createElement(
+      SelectedSkills,
+      {
+        key: index,
+        skill,
+        skillSelected
+      }
+    );
   })));
 };
 
@@ -2308,18 +2400,8 @@ const VerifierStateBadgeAndText = ({
   verifierState,
   className = ""
 }) => {
-  return /* @__PURE__ */ React.createElement("div", {
-    className: `flex justify-center ${className}`
-  }, verifierState === VERIFIER_STATES.selfVerified && /* @__PURE__ */ React.createElement("span", {
-    className: "uppercase font-poppins text-[12px] font-[500] text-green-dark flex gap-[3px] items-center"
-  }, /* @__PURE__ */ React.createElement(PersonBadge, null), "Self Issued"), verifierState === VERIFIER_STATES.trustedVerifier && /* @__PURE__ */ React.createElement("span", {
-    className: "uppercase font-poppins text-[12px] font-[500] text-blue-light flex gap-[3px] items-center"
-  }, /* @__PURE__ */ React.createElement(VerifiedBadge, null), "Trusted Issuer"), verifierState === VERIFIER_STATES.unknownVerifier && /* @__PURE__ */ React.createElement("span", {
-    className: "uppercase font-poppins text-[12px] font-[500] text-orange-500 flex gap-[3px] items-center"
-  }, /* @__PURE__ */ React.createElement(UnknownVerifierBadge, null), "Unknown Issuer"), verifierState === VERIFIER_STATES.untrustedVerifier && /* @__PURE__ */ React.createElement("span", {
-    className: "uppercase font-poppins text-[12px] font-[500] text-red-mastercard flex gap-[3px] items-center"
-  }, /* @__PURE__ */ React.createElement(RedFlag, null), "Untrusted Issuer"));
+  return /* @__PURE__ */ React.createElement("div", { className: `flex justify-center ${className}` }, verifierState === VERIFIER_STATES.selfVerified && /* @__PURE__ */ React.createElement("span", { className: "uppercase font-poppins text-[12px] font-[500] text-green-dark flex gap-[3px] items-center" }, /* @__PURE__ */ React.createElement(PersonBadge, null), "Self Issued"), verifierState === VERIFIER_STATES.trustedVerifier && /* @__PURE__ */ React.createElement("span", { className: "uppercase font-poppins text-[12px] font-[500] text-blue-light flex gap-[3px] items-center" }, /* @__PURE__ */ React.createElement(VerifiedBadge, null), "Trusted Issuer"), verifierState === VERIFIER_STATES.unknownVerifier && /* @__PURE__ */ React.createElement("span", { className: "uppercase font-poppins text-[12px] font-[500] text-orange-500 flex gap-[3px] items-center" }, /* @__PURE__ */ React.createElement(UnknownVerifierBadge, null), "Unknown Issuer"), verifierState === VERIFIER_STATES.untrustedVerifier && /* @__PURE__ */ React.createElement("span", { className: "uppercase font-poppins text-[12px] font-[500] text-red-mastercard flex gap-[3px] items-center" }, /* @__PURE__ */ React.createElement(RedFlag, null), "Untrusted Issuer"));
 };
 
 export { AcuteCheckmark as A, Camera as C, ExclamationPoint as E, FatArrow as F, GenericDocumentIcon as G, InfoIcon as I, LinkIcon as L, PersonBadge as P, RoundedCorner as R, SelectedSkills as S, UnknownVerifierBadge as U, VERIFIER_STATES as V, VerifierStateBadgeAndText as a, VideoIcon as b, capitalize as c, LeftArrow as d, SkillsBox as e, IssuerSeal as f, getBaseUrl as g, Line as h, VerifiedBadge as i, RedFlag as j, prettyBytes as p, truncateWithEllipsis as t };
-//# sourceMappingURL=VerifierStateBadgeAndText-2e5414f4.js.map
+//# sourceMappingURL=VerifierStateBadgeAndText-490c08dc.js.map