jp-composter 0.1.0

package/src/stories/story-components/AddIcon.js

@@ -0,0 +1,13 @@
+import React from 'react';
+
+function AddIcon() {
+  return (
+   <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none" >
+    <path d="M16.8093 31.7155C16.5914 31.7155 16.4069 31.531 16.3902 31.3131C16.3902 31.0783 16.5578 30.8939 16.7926 30.8771C17.0608 30.8771 17.3291 30.8436 17.5973 30.8268C17.8488 30.7933 18.0333 30.9777 18.05 31.2125C18.0668 31.4472 17.8991 31.6484 17.6644 31.6652C17.3794 31.6819 17.0943 31.7155 16.8093 31.7155ZM14.8141 31.6652C14.8141 31.6652 14.7974 31.6652 14.7806 31.6652C14.4956 31.6484 14.2105 31.5981 13.9255 31.5646C13.6908 31.531 13.5399 31.3131 13.5734 31.0951C13.607 30.8604 13.8081 30.6927 14.0429 30.743C14.3111 30.7765 14.5794 30.8101 14.8477 30.8436C15.0824 30.8604 15.2501 31.0616 15.2333 31.2963C15.2165 31.5143 15.0321 31.6819 14.8141 31.6819V31.6652ZM19.6093 31.3466C19.4249 31.3466 19.2404 31.2125 19.2069 31.0113C19.1566 30.7933 19.2907 30.5586 19.5255 30.5083C19.7937 30.4412 20.0452 30.3741 20.3135 30.3071C20.5314 30.24 20.7662 30.3741 20.8332 30.5921C20.9003 30.8101 20.7662 31.0448 20.5482 31.1119C20.28 31.1957 19.9949 31.2628 19.7267 31.3298C19.6931 31.3298 19.6596 31.3298 19.6428 31.3298L19.6093 31.3466ZM12.0477 31.1454C12.0477 31.1454 11.9806 31.1454 11.9303 31.1454C11.6621 31.0616 11.377 30.9777 11.1088 30.8939C10.8908 30.8268 10.7734 30.5753 10.8405 30.3574C10.9076 30.1394 11.1591 30.0221 11.377 30.0891C11.6285 30.1729 11.88 30.2568 12.1483 30.3238C12.3662 30.3909 12.5004 30.6089 12.4333 30.8436C12.383 31.028 12.2153 31.1454 12.0309 31.1454H12.0477ZM22.2751 30.4747C22.1075 30.4747 21.9566 30.3741 21.8895 30.2232C21.7889 30.0053 21.8895 29.7706 22.1075 29.67C22.359 29.5526 22.5937 29.452 22.8452 29.3346C23.0632 29.234 23.2979 29.3179 23.3985 29.5191C23.4991 29.7203 23.4153 29.9718 23.2141 30.0724C22.9626 30.2065 22.7111 30.3238 22.4428 30.4244C22.3925 30.4412 22.3254 30.458 22.2751 30.458V30.4747ZM9.41537 30.1394C9.41537 30.1394 9.28124 30.1394 9.23094 30.0891C8.97945 29.955 8.72795 29.8209 8.47646 29.6867C8.27526 29.5694 8.2082 29.3179 8.32556 29.1167C8.44292 28.9155 8.69442 28.8484 8.89561 28.9658C9.13034 29.0999 9.36507 29.2173 9.5998 29.3346C9.801 29.4352 9.88483 29.6867 9.78423 29.8879C9.71716 30.0388 9.56627 30.1227 9.41537 30.1227V30.1394ZM24.7566 29.1167C24.6224 29.1167 24.4883 29.0496 24.4045 28.9322C24.2703 28.7478 24.3206 28.4796 24.5218 28.3454C24.7398 28.1945 24.9578 28.0436 25.1757 27.876C25.3601 27.7418 25.6284 27.7754 25.7625 27.9598C25.8967 28.1442 25.8631 28.4125 25.6787 28.5466C25.4607 28.7143 25.226 28.8819 24.9913 29.0496C24.9242 29.0999 24.8404 29.1167 24.7566 29.1167ZM7.01779 28.6472C6.93395 28.6472 6.83336 28.6137 6.76629 28.5634C6.53156 28.3957 6.3136 28.2113 6.09564 28.0269C5.91121 27.876 5.89444 27.6077 6.04534 27.44C6.19624 27.2724 6.4645 27.2388 6.63216 27.3897C6.83336 27.5574 7.05132 27.7251 7.26928 27.8927C7.45371 28.0269 7.48724 28.2951 7.35311 28.4796C7.26928 28.5969 7.15192 28.6472 7.01779 28.6472ZM26.9362 27.3394C26.8356 27.3394 26.7182 27.2891 26.6344 27.2053C26.4667 27.0376 26.4835 26.7694 26.6344 26.6185C26.8356 26.4341 27.02 26.2329 27.1877 26.0317C27.3386 25.864 27.6068 25.8472 27.7745 25.9981C27.9422 26.149 27.9589 26.4173 27.808 26.585C27.6236 26.7861 27.4224 27.0041 27.2212 27.2053C27.1374 27.2891 27.0368 27.3227 26.9194 27.3227L26.9362 27.3394ZM4.93876 26.7526C4.8214 26.7526 4.70403 26.7023 4.63697 26.6185C4.45254 26.4005 4.25134 26.1993 4.08368 25.9814C3.93278 25.7969 3.96631 25.5454 4.13398 25.3945C4.31841 25.2436 4.5699 25.2772 4.7208 25.4448C4.88846 25.646 5.07289 25.864 5.25732 26.0484C5.40822 26.2161 5.40822 26.4844 5.22379 26.6353C5.13996 26.7023 5.03936 26.7526 4.93876 26.7526ZM28.7469 25.1766C28.7469 25.1766 28.5793 25.1598 28.5122 25.1095C28.3278 24.9754 28.2775 24.7071 28.4116 24.5227C28.5625 24.3047 28.7134 24.07 28.8475 23.852C28.9649 23.6508 29.2332 23.5838 29.4176 23.7179C29.6188 23.8353 29.6691 24.1035 29.5517 24.288C29.4008 24.5227 29.2499 24.7742 29.0823 25.0089C28.9984 25.1263 28.8643 25.1933 28.7302 25.1933L28.7469 25.1766ZM3.2286 24.5059C3.09447 24.5059 2.94357 24.4389 2.8765 24.3047C2.72561 24.07 2.59148 23.8185 2.44058 23.567C2.32321 23.3658 2.40705 23.1143 2.60824 22.997C2.80944 22.8796 3.06093 22.9634 3.1783 23.1646C3.31243 23.3994 3.44656 23.6341 3.58069 23.8688C3.69805 24.07 3.64775 24.3215 3.44656 24.4389C3.37949 24.4892 3.29566 24.5059 3.2286 24.5059ZM30.1386 22.7287C30.1386 22.7287 30.0212 22.7287 29.9709 22.6952C29.7697 22.5946 29.6691 22.3431 29.7697 22.1419C29.8871 21.8904 29.9877 21.6557 30.0883 21.4042C30.1721 21.1862 30.4236 21.0856 30.6248 21.1694C30.8427 21.2533 30.9433 21.488 30.8595 21.706C30.7589 21.9742 30.6415 22.2425 30.5242 22.494C30.4571 22.6449 30.3062 22.7455 30.1386 22.7455V22.7287ZM1.97112 21.991C1.80346 21.991 1.65256 21.8904 1.5855 21.7227C1.4849 21.4545 1.3843 21.1862 1.30047 20.9179C1.2334 20.7 1.35077 20.4652 1.56873 20.3814C1.78669 20.3143 2.02142 20.4317 2.10525 20.6497C2.18908 20.9012 2.28968 21.1527 2.37351 21.4042C2.45735 21.6221 2.35675 21.8568 2.13878 21.9407C2.08849 21.9574 2.03819 21.9742 1.98789 21.9742L1.97112 21.991ZM31.0607 20.0629C31.0607 20.0629 30.9936 20.0629 30.9601 20.0629C30.7421 20.0126 30.5912 19.7778 30.6583 19.5599C30.7254 19.3084 30.7757 19.0401 30.826 18.7718C30.8763 18.5539 31.0775 18.3862 31.3122 18.4365C31.5469 18.4868 31.6978 18.7048 31.6475 18.9227C31.5972 19.2078 31.5302 19.476 31.4631 19.7611C31.4128 19.9455 31.2451 20.0796 31.0607 20.0796V20.0629ZM1.19987 19.2916C0.998675 19.2916 0.831011 19.1575 0.780712 18.9563C0.730413 18.6712 0.680114 18.403 0.646582 18.118C0.613049 17.8832 0.780712 17.682 1.01544 17.6485C1.2334 17.615 1.45137 17.7826 1.4849 18.0174C1.51843 18.2856 1.56873 18.5539 1.61903 18.8221C1.66933 19.0569 1.51843 19.2748 1.2837 19.3084C1.25017 19.3084 1.2334 19.3084 1.19987 19.3084V19.2916ZM31.4631 17.2796H31.4463C31.2116 17.2796 31.0439 17.0617 31.0439 16.8437C31.0439 16.5755 31.0607 16.3072 31.0607 16.0389C31.0607 15.8042 31.2451 15.5862 31.4799 15.5862C31.7146 15.5862 31.899 15.7371 31.899 15.9719H31.4799L31.899 16.0054C31.899 16.324 31.899 16.609 31.8823 16.894C31.8823 17.112 31.6811 17.2964 31.4631 17.2964V17.2796ZM0.931609 16.4581C0.696881 16.4581 0.512451 16.2904 0.512451 16.0557V16.0222C0.512451 15.7539 0.512451 15.4689 0.529217 15.2006C0.529217 14.9659 0.730413 14.7982 0.965142 14.7982C1.19987 14.7982 1.36753 15.0162 1.36753 15.2342C1.36753 15.4856 1.35077 15.7539 1.35077 16.0054C1.35077 16.2401 1.16634 16.4413 0.931609 16.4413V16.4581ZM31.3625 14.3958C31.1613 14.3958 30.9769 14.2449 30.9433 14.027C30.9098 13.7587 30.8595 13.4905 30.8092 13.2222C30.7589 12.9875 30.9098 12.7695 31.1445 12.736C31.3793 12.6857 31.5972 12.8366 31.6308 13.0713C31.6811 13.3563 31.7314 13.6246 31.7649 13.9096C31.7984 14.1443 31.6308 14.3455 31.4128 14.3791C31.396 14.3791 31.3793 14.3791 31.3625 14.3791V14.3958ZM1.1831 13.6749C1.1831 13.6749 1.13281 13.6749 1.09927 13.6749C0.864544 13.6246 0.713647 13.4066 0.763946 13.1887C0.814245 12.9036 0.88131 12.6354 0.948376 12.3503C0.998675 12.1324 1.21664 11.9815 1.45137 12.0318C1.66933 12.0821 1.82022 12.3168 1.76993 12.5348C1.70286 12.803 1.65256 13.0545 1.60226 13.3228C1.56873 13.524 1.3843 13.6581 1.1831 13.6581V13.6749ZM30.7254 11.6462C30.5577 11.6462 30.39 11.5288 30.323 11.3611C30.2392 11.1096 30.1386 10.8581 30.0547 10.6066C29.9709 10.3887 30.0715 10.154 30.2894 10.0701C30.5074 9.98629 30.7421 10.0869 30.826 10.3049C30.9266 10.5731 31.0272 10.8414 31.111 11.1096C31.1781 11.3276 31.0607 11.5623 30.8427 11.6462C30.7924 11.6462 30.7589 11.6629 30.7086 11.6629L30.7254 11.6462ZM1.93759 10.9587C1.93759 10.9587 1.83699 10.9587 1.78669 10.9252C1.56873 10.8414 1.46813 10.6066 1.55196 10.3887C1.65256 10.1204 1.76993 9.85216 1.88729 9.60067C1.97112 9.3827 2.22262 9.29887 2.44058 9.39947C2.65854 9.50007 2.74237 9.75156 2.64177 9.95276C2.52441 10.2043 2.42381 10.4557 2.32321 10.7072C2.25615 10.8749 2.10525 10.9755 1.93759 10.9755V10.9587ZM29.602 9.06414C29.4511 9.06414 29.317 8.98031 29.2332 8.84618C29.099 8.61145 28.9649 8.37672 28.8308 8.142C28.7134 7.9408 28.7637 7.6893 28.9649 7.57194C29.1661 7.43781 29.4176 7.50488 29.535 7.70607C29.6859 7.9408 29.8368 8.19229 29.9709 8.44379C30.0883 8.64499 30.0044 8.89648 29.8032 9.01384C29.7362 9.04738 29.6691 9.06414 29.602 9.06414ZM3.19506 8.42702C3.19506 8.42702 3.04417 8.41026 2.9771 8.35996C2.77591 8.24259 2.72561 7.97433 2.84297 7.7899C2.99387 7.55517 3.14476 7.30368 3.31243 7.08572C3.44656 6.90129 3.71482 6.85099 3.89925 6.98512C4.08368 7.11925 4.13398 7.37074 3.99985 7.57194C3.84895 7.7899 3.69805 8.02463 3.56392 8.24259C3.48009 8.37672 3.34596 8.44379 3.21183 8.44379L3.19506 8.42702ZM28.0092 6.73362C27.8919 6.73362 27.7745 6.68333 27.6907 6.58273C27.523 6.38153 27.3386 6.16357 27.1541 5.97914C27.0032 5.81148 27.0032 5.54322 27.1709 5.39232C27.3386 5.24142 27.6068 5.24142 27.7577 5.40908C27.9589 5.61028 28.1434 5.82824 28.311 6.04621C28.4619 6.23064 28.4284 6.48213 28.2607 6.63303C28.1769 6.70009 28.0931 6.73362 27.9925 6.73362H28.0092ZM4.88846 6.18034C4.78787 6.18034 4.68727 6.1468 4.60344 6.06297C4.43577 5.91207 4.41901 5.64381 4.5699 5.47615C4.75433 5.27495 4.95553 5.05699 5.15672 4.8558C5.32439 4.68813 5.59265 4.68813 5.74355 4.8558C5.91121 5.02346 5.91121 5.29172 5.74355 5.44262C5.55912 5.62705 5.35792 5.82824 5.19026 6.02944C5.10642 6.11327 4.98906 6.16357 4.88846 6.16357V6.18034ZM26.0308 4.73843C25.9302 4.73843 25.8464 4.7049 25.7625 4.63783C25.5613 4.47017 25.3434 4.30251 25.1254 4.13484C24.941 4.00071 24.9075 3.73245 25.0416 3.54802C25.1757 3.36359 25.444 3.33006 25.6284 3.46419C25.8631 3.63185 26.0811 3.81628 26.2991 4.00071C26.4835 4.15161 26.5003 4.41987 26.3494 4.58753C26.2655 4.68813 26.1482 4.73843 26.0308 4.73843ZM6.96749 4.26897C6.83336 4.26897 6.71599 4.21868 6.63216 4.10131C6.49803 3.91688 6.53156 3.64862 6.71599 3.51449C6.93395 3.34683 7.16868 3.17916 7.42018 3.0115C7.62137 2.87737 7.87287 2.92767 8.007 3.12886C8.14113 3.33006 8.09083 3.58156 7.88963 3.71569C7.67167 3.86658 7.45371 4.01748 7.23575 4.18514C7.16868 4.23544 7.06809 4.26897 6.98425 4.26897H6.96749ZM23.717 3.12886C23.717 3.12886 23.5829 3.1121 23.5159 3.07857C23.2811 2.94444 23.0464 2.82707 22.7949 2.70971C22.5937 2.60911 22.5099 2.35761 22.6105 2.15642C22.7111 1.95522 22.9626 1.87139 23.1638 1.97199C23.4153 2.10612 23.6667 2.24025 23.9182 2.37438C24.1194 2.49174 24.1865 2.74324 24.0691 2.94443C23.9853 3.07857 23.8512 3.1624 23.7003 3.1624L23.717 3.12886ZM9.36507 2.77677C9.21418 2.77677 9.06328 2.69294 8.99621 2.54204C8.89561 2.34085 8.97945 2.08935 9.18064 1.97199C9.43214 1.83786 9.7004 1.72049 9.95189 1.60313C10.1699 1.5193 10.4046 1.60313 10.5052 1.82109C10.589 2.03905 10.5052 2.27378 10.2872 2.37438C10.0357 2.47498 9.801 2.59234 9.56627 2.70971C9.4992 2.74324 9.43214 2.76001 9.38184 2.76001L9.36507 2.77677ZM21.135 1.97199C21.135 1.97199 21.0512 1.97199 21.0009 1.95522C20.7494 1.87139 20.4811 1.78756 20.2297 1.72049C20.0117 1.65343 19.8776 1.43547 19.9446 1.20074C20.0117 0.982775 20.2297 0.848644 20.4644 0.915709C20.7326 0.999541 21.0009 1.08337 21.2692 1.1672C21.4871 1.23427 21.6045 1.48576 21.5374 1.70373C21.4704 1.87139 21.3195 1.98875 21.135 1.98875V1.97199ZM11.9806 1.75403C11.7962 1.75403 11.6285 1.63666 11.5782 1.45223C11.5112 1.23427 11.6453 0.999541 11.8633 0.932476C12.1315 0.848644 12.4165 0.781579 12.6848 0.714513C12.9028 0.664214 13.1375 0.798345 13.1878 1.03307C13.2381 1.25104 13.104 1.48576 12.8692 1.53606C12.601 1.60313 12.3495 1.67019 12.0812 1.73726C12.0477 1.73726 11.9974 1.73726 11.9639 1.73726L11.9806 1.75403ZM18.3854 1.3181C18.3854 1.3181 18.3518 1.3181 18.3183 1.3181C18.05 1.28457 17.7818 1.25104 17.5135 1.2175C17.2788 1.20074 17.1111 0.999541 17.1279 0.764812C17.1446 0.530084 17.3123 0.345654 17.5806 0.379187C17.8656 0.395953 18.1506 0.429486 18.4357 0.479785C18.6704 0.513318 18.8213 0.73128 18.7877 0.949242C18.7542 1.15044 18.5866 1.30133 18.3686 1.30133L18.3854 1.3181ZM14.7471 1.23427C14.5291 1.23427 14.3447 1.06661 14.3279 0.848644C14.3111 0.613916 14.4788 0.41272 14.7135 0.395953C14.9986 0.362421 15.2836 0.345654 15.5686 0.328888C15.7698 0.328888 15.9878 0.496551 16.0045 0.73128C16.0045 0.966008 15.8369 1.15044 15.6021 1.1672C15.3339 1.1672 15.0656 1.20074 14.7974 1.2175H14.7638L14.7471 1.23427Z" fill="black"/>
+    <path d="M16.2057 18.0509C17.3262 18.0509 18.2345 17.1426 18.2345 16.0222C18.2345 14.9017 17.3262 13.9934 16.2057 13.9934C15.0853 13.9934 14.177 14.9017 14.177 16.0222C14.177 17.1426 15.0853 18.0509 16.2057 18.0509Z" fill="white"/>
+    <path d="M16.2058 18.5539C14.8142 18.5539 13.6741 17.4138 13.6741 16.0222C13.6741 14.6306 14.8142 13.4904 16.2058 13.4904C17.5974 13.4904 18.7375 14.6306 18.7375 16.0222C18.7375 17.4138 17.5974 18.5539 16.2058 18.5539ZM16.2058 14.5132C15.3675 14.5132 14.6801 15.2006 14.6801 16.0389C14.6801 16.8772 15.3675 17.5647 16.2058 17.5647C17.0441 17.5647 17.7315 16.8772 17.7315 16.0389C17.7315 15.2006 17.0441 14.5132 16.2058 14.5132Z" fill="black"/>
+    </svg>
+  );
+}
+
+export default AddIcon;

package/src/stories/story-components/RectangleWithBox.jsx

@@ -0,0 +1,51 @@
+import RoundedRectangle from './RoundedRectangle';
+import React from 'react';
+
+const RectangleWithBox = () => (
+  <div style={{position: 'relative', display: 'inline-block'}}>
+    <RoundedRectangle />
+
+    {/* White Centered Box */}
+    <div
+      style={{
+        position: 'absolute',
+        top: '50%',
+        left: '15%',
+        transform: 'translate(-50%, -50%)',
+        width: '250px',
+        height: '250px',
+        backgroundColor: 'white',
+        borderRadius: '8px',
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        boxShadow: '0 2px 6px rgba(0,0,0,0.15)',
+        flexDirection: 'column',
+        zIndex: 2,
+      }}>
+      <div style={{color: '#000', fontSize: '48px'}}>Lato</div>
+      <h1 style={{fontWeight: 'bold', fontSize: '88px'}}>Ag</h1>
+    </div>
+
+    {/* Big Text Overlay */}
+    <div
+      style={{
+        position: 'absolute',
+        top: '50%',
+        left: '30%',
+        transform: 'translateY(-50%)',
+        color: '#000',
+
+        display: 'flex',
+        flexDirection: 'column',
+        lineHeight: 1.2,
+        zIndex: 1,
+      }}>
+      <div style={{fontSize: '40px'}}>ABCDEFGHIJKLMNOPQRSTUVWXYZ</div>
+      <div style={{fontSize: '40px'}}> abcdefghijklmnopqrstuvwxyz</div>
+      <div style={{fontSize: '40px'}}>0123456789 !@#$%^&*()</div>
+    </div>
+  </div>
+);
+
+export default RectangleWithBox;

package/src/stories/story-components/RoundedRectangle.jsx

@@ -0,0 +1,18 @@
+import React from 'react';
+
+const RoundedRectangle = () => (
+  <div
+    style={{
+      width: '1000px',
+      height: '300px',
+      borderRadius: '15px',
+      background:
+        'linear-gradient(to bottom, #fef4fd 0%, rgb(240, 161, 240) 100%)',
+      display: 'flex',
+      alignItems: 'center',
+      justifyContent: 'center',
+      margin: '20px 0',
+    }}></div>
+);
+
+export default RoundedRectangle;

package/src/stories/story-components/RoundedWithWhiteInside.jsx

@@ -0,0 +1,33 @@
+// RoundedWithWhiteInside.jsx
+
+import RoundedRectangle from './RoundedRectangle';
+import WhiteRoundedRectangle from './WhiteRoundedRectangle';
+import React from 'react';
+
+export default function RoundedWithWhiteInside({children}) {
+  return (
+    <div
+      style={{
+        position: 'relative',
+        width: '1000px',
+        height: '300px',
+        margin: '20px auto',
+      }}>
+      <RoundedRectangle />
+      <div
+        style={{
+          position: 'absolute',
+          top: 0,
+          left: 0,
+          width: '1000px',
+          height: '300px',
+          display: 'flex',
+          justifyContent: 'center',
+          alignItems: 'center',
+          pointerEvents: 'none',
+        }}>
+        {children}
+      </div>
+    </div>
+  );
+}

package/src/stories/story-components/WhiteRoundedRectangle.jsx

@@ -0,0 +1,107 @@
+import React from 'react';
+import AddIcon from './AddIcon';
+import SvgPaths from './svgPaths'; // Capitalize if it's a React component
+
+const WhiteRoundedRectangle = () => {
+  return (
+    <div
+      style={{
+        display: 'flex',
+        justifyContent: 'center',
+        alignItems: 'center',
+        height: '100%',
+        width: '100%',
+        position: 'relative',
+      }}>
+      {/* SVG Background */}
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width={314}
+        height={144}
+        viewBox="0 0 314 144"
+        fill="none">
+        <path
+          d="M297.88 143.245H16.2058C7.5041 143.245 0.428711 136.17 0.428711 127.468V16.0222C0.428711 7.32045 7.5041 0.245056 16.2058 0.245056H297.897C306.599 0.245056 313.674 7.32045 313.674 16.0222V127.468C313.674 136.17 306.599 143.245 297.897 143.245H297.88Z"
+          fill="white"
+        />
+        <path
+          d="M16.2058 1.25104C8.05739 1.25104 1.43469 7.87373 1.43469 16.0222V127.468C1.43469 135.616 8.05739 142.239 16.2058 142.239H297.897C306.045 142.239 312.668 135.616 312.668 127.468V16.0222C312.668 7.87373 306.045 1.25104 297.897 1.25104H16.2058Z"
+          stroke="black"
+          fill="white"
+        />
+      </svg>
+
+      {/* AddIcon Top-Left */}
+      <div
+        style={{
+          position: 'absolute',
+          display: 'flex',
+          justifyContent: 'flex-start',
+          alignItems: 'flex-start',
+          width: '314px',
+          height: '144px',
+          pointerEvents: 'none',
+        }}>
+        <AddIcon />
+      </div>
+
+      {/* AddIcon Top-Right */}
+      <div
+        style={{
+          position: 'absolute',
+          display: 'flex',
+          justifyContent: 'flex-end',
+          alignItems: 'flex-start',
+          width: '314px',
+          height: '144px',
+          pointerEvents: 'none',
+        }}>
+        <AddIcon />
+      </div>
+
+      {/* AddIcon Bottom-Left */}
+      <div
+        style={{
+          position: 'absolute',
+          display: 'flex',
+          justifyContent: 'flex-start',
+          alignItems: 'flex-end',
+          width: '314px',
+          height: '144px',
+          pointerEvents: 'none',
+        }}>
+        <AddIcon />
+      </div>
+
+      {/* AddIcon Bottom-Right */}
+      <div
+        style={{
+          position: 'absolute',
+          display: 'flex',
+          justifyContent: 'flex-end',
+          alignItems: 'flex-end',
+          width: '314px',
+          height: '144px',
+          pointerEvents: 'none',
+        }}>
+        <AddIcon />
+      </div>
+
+      {/* Center svgPaths (assuming it's a component) */}
+      <div
+        style={{
+          position: 'absolute',
+          display: 'flex',
+          justifyContent: 'center',
+          alignItems: 'center',
+          width: '314px',
+          height: '144px',
+          pointerEvents: 'none',
+        }}>
+        <SvgPaths />
+      </div>
+    </div>
+  );
+};
+
+export default WhiteRoundedRectangle;

package/src/stories/story-components/svgPaths.js

@@ -0,0 +1,126 @@
+import React from 'react';
+
+function svgPaths() {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="255"
+      height="101"
+      viewBox="0 0 255 101"
+      fill="none">
+      <path
+        d="M56.155 20.1046C55.7191 20.8423 55.2664 21.3956 54.7801 21.7309C54.2939 22.083 53.6903 22.2507 52.9526 22.2507C52.1646 22.2507 51.276 21.8986 50.27 21.1777C49.264 20.4567 48.0233 19.6519 46.5143 18.7633C45.0054 17.8747 43.2114 17.0699 41.1323 16.349C39.0366 15.628 36.5384 15.2759 33.621 15.2759C30.8714 15.2759 28.4738 15.628 26.4115 16.349C24.3493 17.0699 22.6223 18.0423 21.2307 19.2831C19.8391 20.5238 18.7828 21.9824 18.0619 23.6591C17.3409 25.3357 16.9888 27.1465 16.9888 29.1081C16.9888 31.6398 17.626 33.7189 18.917 35.3787C20.1912 37.0386 21.8846 38.447 23.9804 39.6206C26.0762 40.7943 28.4402 41.817 31.0893 42.6889C33.7384 43.5607 36.4545 44.4661 39.2545 45.405C42.0377 46.3439 44.7539 47.417 47.4197 48.6409C50.0688 49.8648 52.4496 51.3906 54.5286 53.2349C56.6244 55.0792 58.3011 57.3426 59.5921 60.0252C60.8663 62.7078 61.5202 65.9773 61.5202 69.8503C61.5202 73.9916 60.816 77.8646 59.3909 81.4694C57.9825 85.0909 55.9202 88.243 53.2209 90.9256C50.5215 93.6249 47.2018 95.7375 43.2617 97.2968C39.3216 98.8393 34.845 99.6105 29.8486 99.6105C26.8474 99.6105 23.9301 99.3087 21.0966 98.7219C18.2631 98.1351 15.5972 97.3135 13.0655 96.2405C10.5338 95.1674 8.18651 93.8932 5.99012 92.3842C3.79374 90.8753 1.81531 89.1986 0.0883789 87.3208L4.062 80.6646C4.44762 80.1448 4.91708 79.7089 5.47037 79.3568C6.00689 79.0047 6.62725 78.8371 7.33143 78.8371C8.25358 78.8371 9.29309 79.3233 10.5003 80.279C11.6907 81.2346 13.1829 82.2909 14.9433 83.4478C16.7038 84.6047 18.8164 85.6609 21.281 86.6166C23.7457 87.5723 26.7301 88.0585 30.251 88.0585C33.118 88.0585 35.6833 87.6729 37.9467 86.9184C40.2102 86.1639 42.1048 85.0741 43.6641 83.649C45.2066 82.2406 46.397 80.5304 47.2185 78.5185C48.0401 76.5233 48.4592 74.2934 48.4592 71.8623C48.4592 69.1126 47.8221 66.8827 46.5646 65.139C45.3072 63.3953 43.6305 61.9366 41.5347 60.763C39.4389 59.5893 37.0749 58.5833 34.4258 57.7618C31.7767 56.9402 29.0438 56.0684 26.2606 55.1798C23.4774 54.2911 20.7613 53.2516 18.0954 52.078C15.4463 50.9044 13.0655 49.3619 10.9865 47.484C8.8907 45.5894 7.21407 43.2254 5.95659 40.3751C4.69912 37.5248 4.062 34.0039 4.062 29.8291C4.062 26.4758 4.71588 23.2399 6.02366 20.1046C7.33143 16.9693 9.22603 14.2029 11.741 11.7885C14.2392 9.37416 17.3242 7.44603 20.9792 5.98736C24.6343 4.52869 28.8091 3.80774 33.5037 3.80774C38.7683 3.80774 43.6138 4.64606 48.0233 6.32269C52.4328 7.99932 56.2723 10.3969 59.5418 13.5322L56.155 20.1214V20.1046Z"
+        fill="black"
+      />
+      <path d="M88.011 2.21494V98.5543H75.2183V2.21494H88.011Z" fill="black" />
+      <path
+        d="M184.401 44.6337C184.015 45.12 183.629 45.4888 183.261 45.7739C182.892 46.0589 182.355 46.193 181.668 46.193C180.98 46.193 180.243 45.9247 179.488 45.3715C178.734 44.8349 177.761 44.2481 176.621 43.611C175.464 42.9739 174.073 42.3871 172.446 41.8505C170.82 41.314 168.808 41.029 166.41 41.029C163.275 41.029 160.509 41.599 158.128 42.7224C155.747 43.8457 153.752 45.4553 152.159 47.5511C150.566 49.6469 149.359 52.1786 148.537 55.1798C147.716 58.1809 147.297 61.551 147.297 65.2899C147.297 69.0287 147.733 72.6167 148.604 75.6347C149.476 78.6526 150.717 81.2011 152.327 83.2634C153.936 85.3256 155.898 86.9016 158.195 87.9579C160.492 89.031 163.074 89.5507 165.891 89.5507C168.707 89.5507 170.887 89.2154 172.681 88.5448C174.458 87.8741 175.95 87.1364 177.124 86.3651C178.298 85.5771 179.27 84.8562 180.058 84.1855C180.846 83.5149 181.651 83.1795 182.472 83.1795C183.512 83.1795 184.317 83.5651 184.887 84.3532L188.542 89.0477C187.016 90.9256 185.306 92.5016 183.411 93.8094C181.517 95.1171 179.505 96.1734 177.376 97.0117C175.246 97.8501 173.016 98.4537 170.686 98.8393C168.355 99.2249 165.991 99.4261 163.61 99.4261C159.469 99.4261 155.613 98.6716 152.025 97.1459C148.437 95.6201 145.318 93.407 142.686 90.4896C140.054 87.5723 137.975 84.0011 136.449 79.7592C134.923 75.5173 134.169 70.7054 134.169 65.3066C134.169 60.3941 134.856 55.8504 136.231 51.6588C137.606 47.484 139.618 43.8793 142.3 40.8613C144.983 37.8434 148.269 35.4626 152.193 33.7524C156.116 32.0422 160.592 31.1704 165.639 31.1704C170.384 31.1704 174.559 31.9249 178.164 33.4506C181.768 34.9763 184.987 37.1224 187.821 39.9056L184.434 44.6002L184.401 44.6337Z"
+        fill="black"
+      />
+      <path
+        d="M253.662 89.0813C252.103 90.9088 250.292 92.4848 248.247 93.8094C246.201 95.1339 244.022 96.207 241.725 97.0453C239.428 97.8836 237.03 98.4872 234.582 98.8728C232.118 99.2584 229.703 99.4596 227.306 99.4596C222.745 99.4596 218.503 98.6884 214.614 97.1459C210.724 95.6034 207.337 93.3399 204.503 90.3555C201.653 87.3711 199.44 83.6825 197.847 79.2562C196.254 74.8467 195.466 69.7665 195.466 64.0156C195.466 59.4049 196.187 55.1127 197.613 51.1223C199.054 47.1487 201.1 43.6781 203.783 40.7104C206.465 37.7595 209.735 35.429 213.608 33.7189C217.481 32.0255 221.823 31.1704 226.669 31.1704C230.709 31.1704 234.448 31.841 237.868 33.1656C241.289 34.4901 244.24 36.4182 246.704 38.95C249.186 41.4817 251.131 44.5834 252.539 48.2888C253.947 51.9942 254.652 56.2025 254.652 60.9474C254.652 62.909 254.434 64.2168 253.998 64.9042C253.562 65.5916 252.757 65.9102 251.583 65.9102H208.108C208.242 69.8671 208.796 73.3209 209.802 76.255C210.808 79.1891 212.182 81.637 213.943 83.5987C215.703 85.5603 217.799 87.019 220.247 87.9747C222.678 88.9304 225.411 89.4166 228.412 89.4166C231.246 89.4166 233.694 89.0813 235.756 88.4441C237.818 87.7903 239.612 87.0861 241.104 86.3148C242.613 85.5603 243.871 84.8394 244.894 84.2023C245.916 83.5651 246.822 83.2298 247.61 83.2298C248.649 83.2298 249.454 83.6155 250.024 84.4035L253.679 89.098L253.662 89.0813ZM243.15 58.0133C243.15 55.4816 242.798 53.1678 242.077 51.0217C241.356 48.8924 240.3 47.0481 238.908 45.4721C237.516 43.9128 235.823 42.6888 233.811 41.817C231.816 40.9451 229.502 40.5092 226.887 40.5092C221.538 40.5092 217.33 42.0517 214.261 45.1367C211.193 48.2217 209.248 52.5139 208.427 57.9965H243.15V58.0133Z"
+        fill="black"
+      />
+      <g opacity="0.4">
+        <path
+          d="M121.879 11.7382C121.879 12.9118 121.644 14.0352 121.158 15.0915C120.672 16.1645 120.035 17.0867 119.23 17.8914C118.425 18.6962 117.486 19.3334 116.396 19.786C115.307 20.2387 114.183 20.4735 113.01 20.4735C111.836 20.4735 110.729 20.2387 109.673 19.786C108.634 19.3334 107.711 18.6962 106.907 17.8914C106.102 17.0867 105.465 16.1477 105.012 15.0915C104.559 14.0184 104.325 12.9118 104.325 11.7382C104.325 10.5646 104.559 9.37415 105.012 8.31787C105.465 7.24483 106.102 6.32268 106.907 5.5179C107.711 4.71311 108.634 4.07599 109.673 3.6233C110.713 3.17061 111.819 2.93588 113.01 2.93588C114.2 2.93588 115.323 3.17061 116.396 3.6233C117.486 4.07599 118.425 4.71311 119.23 5.5179C120.035 6.32268 120.672 7.26159 121.158 8.31787C121.644 9.39092 121.879 10.531 121.879 11.7382ZM119.465 32.2434V98.5542H106.739V32.2434H119.465Z"
+          fill="#FFB4FF"
+        />
+      </g>
+      <path
+        d="M119.951 99.0405H106.236V31.7404H119.951V99.0405ZM107.225 98.0513H118.962V32.7297H107.225V98.0513ZM113.01 20.9765C111.769 20.9765 110.579 20.725 109.489 20.2555C108.399 19.7693 107.41 19.0986 106.571 18.2603C105.733 17.422 105.062 16.416 104.576 15.2927C104.09 14.1693 103.855 12.9789 103.855 11.7382C103.855 10.4975 104.107 9.24004 104.576 8.11669C105.062 6.99335 105.733 6.00414 106.571 5.14906C107.41 4.31074 108.399 3.64009 109.489 3.15386C111.685 2.19818 114.317 2.19818 116.598 3.15386C117.738 3.64009 118.744 4.31074 119.599 5.14906C120.437 5.98737 121.125 6.99335 121.628 8.09993C122.131 9.22327 122.382 10.4472 122.382 11.7215C122.382 12.9957 122.131 14.1526 121.628 15.2927C121.125 16.416 120.437 17.4052 119.599 18.2436C118.744 19.0986 117.738 19.7693 116.598 20.2388C115.458 20.725 114.25 20.9597 113.01 20.9597V20.9765ZM113.01 3.42212C111.903 3.42212 110.847 3.64009 109.874 4.05925C108.885 4.49517 108.013 5.09876 107.259 5.85324C106.504 6.60773 105.901 7.49634 105.465 8.50232C105.029 9.5083 104.811 10.5981 104.811 11.7382C104.811 12.8783 105.029 13.9011 105.465 14.9071C105.901 15.913 106.504 16.8017 107.259 17.5561C108.013 18.3106 108.902 18.9142 109.874 19.3501C111.819 20.2052 114.167 20.2052 116.212 19.3501C117.235 18.9142 118.14 18.3274 118.895 17.5561C119.649 16.8017 120.269 15.8963 120.722 14.8903C121.175 13.9011 121.393 12.828 121.393 11.7382C121.393 10.6484 121.158 9.5083 120.722 8.51909C120.269 7.51311 119.649 6.62449 118.895 5.85324C118.14 5.09876 117.235 4.49517 116.212 4.05925C115.189 3.62332 114.116 3.40536 113.01 3.40536V3.42212Z"
+        fill="#DA54DA"
+      />
+      <path
+        d="M119.465 34.1213C120.502 34.1213 121.342 33.2805 121.342 32.2434C121.342 31.2063 120.502 30.3656 119.465 30.3656C118.428 30.3656 117.587 31.2063 117.587 32.2434C117.587 33.2805 118.428 34.1213 119.465 34.1213Z"
+        fill="white"
+      />
+      <path
+        d="M119.465 34.6075C118.157 34.6075 117.101 33.5512 117.101 32.2434C117.101 30.9356 118.157 29.8794 119.465 29.8794C120.772 29.8794 121.829 30.9356 121.829 32.2434C121.829 33.5512 120.772 34.6075 119.465 34.6075ZM119.465 30.8518C118.71 30.8518 118.09 31.4722 118.09 32.2266C118.09 32.9811 118.71 33.6015 119.465 33.6015C120.219 33.6015 120.839 32.9811 120.839 32.2266C120.839 31.4722 120.219 30.8518 119.465 30.8518Z"
+        fill="#DA54DA"
+      />
+      <path
+        d="M113.093 22.3681C114.13 22.3681 114.971 21.5274 114.971 20.4903C114.971 19.4532 114.13 18.6124 113.093 18.6124C112.056 18.6124 111.216 19.4532 111.216 20.4903C111.216 21.5274 112.056 22.3681 113.093 22.3681Z"
+        fill="white"
+      />
+      <path
+        d="M113.093 22.8543C111.786 22.8543 110.729 21.798 110.729 20.4902C110.729 19.1825 111.786 18.1262 113.093 18.1262C114.401 18.1262 115.457 19.1825 115.457 20.4902C115.457 21.798 114.401 22.8543 113.093 22.8543ZM113.093 19.1154C112.339 19.1154 111.719 19.7358 111.719 20.4902C111.719 21.2447 112.339 21.8651 113.093 21.8651C113.848 21.8651 114.468 21.2447 114.468 20.4902C114.468 19.7358 113.848 19.1154 113.093 19.1154Z"
+        fill="#DA54DA"
+      />
+      <path
+        d="M121.879 13.5825C122.916 13.5825 123.757 12.7418 123.757 11.7047C123.757 10.6676 122.916 9.82687 121.879 9.82687C120.842 9.82687 120.001 10.6676 120.001 11.7047C120.001 12.7418 120.842 13.5825 121.879 13.5825Z"
+        fill="white"
+      />
+      <path
+        d="M121.879 14.0687C120.571 14.0687 119.515 13.0125 119.515 11.7047C119.515 10.3969 120.571 9.34064 121.879 9.34064C123.187 9.34064 124.243 10.3969 124.243 11.7047C124.243 13.0125 123.187 14.0687 121.879 14.0687ZM121.879 10.3299C121.124 10.3299 120.504 10.9502 120.504 11.7047C120.504 12.4592 121.124 13.0795 121.879 13.0795C122.633 13.0795 123.254 12.4592 123.254 11.7047C123.254 10.9502 122.633 10.3299 121.879 10.3299Z"
+        fill="#DA54DA"
+      />
+      <path
+        d="M104.325 13.5825C105.362 13.5825 106.202 12.7418 106.202 11.7047C106.202 10.6676 105.362 9.82687 104.325 9.82687C103.288 9.82687 102.447 10.6676 102.447 11.7047C102.447 12.7418 103.288 13.5825 104.325 13.5825Z"
+        fill="white"
+      />
+      <path
+        d="M104.325 14.0687C103.017 14.0687 101.961 13.0125 101.961 11.7047C101.961 10.3969 103.017 9.34064 104.325 9.34064C105.632 9.34064 106.689 10.3969 106.689 11.7047C106.689 13.0125 105.632 14.0687 104.325 14.0687ZM104.325 10.3299C103.57 10.3299 102.95 10.9502 102.95 11.7047C102.95 12.4592 103.57 13.0795 104.325 13.0795C105.079 13.0795 105.699 12.4592 105.699 11.7047C105.699 10.9502 105.079 10.3299 104.325 10.3299Z"
+        fill="#DA54DA"
+      />
+      <path
+        d="M113.093 4.81373C114.13 4.81373 114.971 3.973 114.971 2.9359C114.971 1.89881 114.13 1.05807 113.093 1.05807C112.056 1.05807 111.216 1.89881 111.216 2.9359C111.216 3.973 112.056 4.81373 113.093 4.81373Z"
+        fill="white"
+      />
+      <path
+        d="M113.093 5.29994C111.786 5.29994 110.729 4.24366 110.729 2.93589C110.729 1.62812 111.786 0.571838 113.093 0.571838C114.401 0.571838 115.457 1.62812 115.457 2.93589C115.457 4.24366 114.401 5.29994 113.093 5.29994ZM113.093 1.56105C112.339 1.56105 111.719 2.18141 111.719 2.93589C111.719 3.69037 112.339 4.31073 113.093 4.31073C113.848 4.31073 114.468 3.69037 114.468 2.93589C114.468 2.18141 113.848 1.56105 113.093 1.56105Z"
+        fill="#DA54DA"
+      />
+      <path
+        d="M106.739 34.1213C107.776 34.1213 108.617 33.2805 108.617 32.2434C108.617 31.2063 107.776 30.3656 106.739 30.3656C105.702 30.3656 104.861 31.2063 104.861 32.2434C104.861 33.2805 105.702 34.1213 106.739 34.1213Z"
+        fill="white"
+      />
+      <path
+        d="M106.739 34.6075C105.431 34.6075 104.375 33.5512 104.375 32.2434C104.375 30.9356 105.431 29.8794 106.739 29.8794C108.047 29.8794 109.103 30.9356 109.103 32.2434C109.103 33.5512 108.047 34.6075 106.739 34.6075ZM106.739 30.8518C105.984 30.8518 105.364 31.4722 105.364 32.2266C105.364 32.9811 105.984 33.6015 106.739 33.6015C107.493 33.6015 108.114 32.9811 108.114 32.2266C108.114 31.4722 107.493 30.8518 106.739 30.8518Z"
+        fill="#DA54DA"
+      />
+      <path
+        d="M106.739 100.432C107.776 100.432 108.617 99.5913 108.617 98.5542C108.617 97.5171 107.776 96.6764 106.739 96.6764C105.702 96.6764 104.861 97.5171 104.861 98.5542C104.861 99.5913 105.702 100.432 106.739 100.432Z"
+        fill="white"
+      />
+      <path
+        d="M106.739 100.918C105.431 100.918 104.375 99.862 104.375 98.5542C104.375 97.2465 105.431 96.1902 106.739 96.1902C108.047 96.1902 109.103 97.2465 109.103 98.5542C109.103 99.862 108.047 100.918 106.739 100.918ZM106.739 97.1626C105.984 97.1626 105.364 97.783 105.364 98.5375C105.364 99.292 105.984 99.9123 106.739 99.9123C107.493 99.9123 108.114 99.292 108.114 98.5375C108.114 97.783 107.493 97.1626 106.739 97.1626Z"
+        fill="#DA54DA"
+      />
+      <path
+        d="M119.465 100.432C120.502 100.432 121.342 99.5913 121.342 98.5542C121.342 97.5171 120.502 96.6764 119.465 96.6764C118.428 96.6764 117.587 97.5171 117.587 98.5542C117.587 99.5913 118.428 100.432 119.465 100.432Z"
+        fill="white"
+      />
+      <path
+        d="M119.465 100.918C118.157 100.918 117.101 99.862 117.101 98.5542C117.101 97.2465 118.157 96.1902 119.465 96.1902C120.772 96.1902 121.829 97.2465 121.829 98.5542C121.829 99.862 120.772 100.918 119.465 100.918ZM119.465 97.1626C118.71 97.1626 118.09 97.783 118.09 98.5375C118.09 99.292 118.71 99.9123 119.465 99.9123C120.219 99.9123 120.839 99.292 120.839 98.5375C120.839 97.783 120.219 97.1626 119.465 97.1626Z"
+        fill="#DA54DA"
+      />
+      <path
+        d="M248.934 18.1262H136.231V19.1154H248.934V18.1262Z"
+        fill="black"
+      />
+      <path
+        d="M136.55 16.2148V21.01L134.152 18.6124L136.55 16.2148Z"
+        fill="black"
+      />
+      <path
+        d="M248.599 16.2148V21.01L250.996 18.6124L248.599 16.2148Z"
+        fill="black"
+      />
+      <path
+        d="M189.883 12.7945C190.168 12.8783 190.386 13.0292 190.537 13.2136C190.688 13.4148 190.755 13.6496 190.755 13.9346C190.755 14.1358 190.722 14.337 190.638 14.5047C190.554 14.6723 190.453 14.8232 190.302 14.9406C190.151 15.0579 189.984 15.1585 189.783 15.2088C189.581 15.2759 189.363 15.3094 189.129 15.3094C188.894 15.3094 188.676 15.2759 188.475 15.2088C188.274 15.1418 188.106 15.0579 187.972 14.9406C187.821 14.8232 187.72 14.6723 187.637 14.5047C187.553 14.337 187.519 14.1526 187.519 13.9346C187.519 13.6496 187.586 13.3981 187.737 13.2136C187.888 13.0125 188.106 12.8783 188.391 12.7945C188.156 12.6939 187.972 12.5598 187.854 12.3753C187.737 12.1909 187.67 11.9729 187.67 11.7214C187.67 11.537 187.704 11.3861 187.771 11.2185C187.838 11.0508 187.938 10.9334 188.072 10.8161C188.207 10.6987 188.357 10.6149 188.542 10.5478C188.726 10.4807 188.928 10.4472 189.146 10.4472C189.363 10.4472 189.565 10.4807 189.732 10.5478C189.917 10.6149 190.068 10.6987 190.185 10.8161C190.319 10.9334 190.42 11.0676 190.487 11.2185C190.554 11.3694 190.587 11.537 190.587 11.7214C190.587 11.9729 190.52 12.1909 190.403 12.3753C190.286 12.5598 190.101 12.6939 189.866 12.7945H189.883ZM189.129 14.7561C189.28 14.7561 189.397 14.7394 189.514 14.6891C189.632 14.6556 189.716 14.5885 189.799 14.5214C189.866 14.4544 189.934 14.3538 189.967 14.2532C190.001 14.1526 190.034 14.0352 190.034 13.9178C190.034 13.7669 190.017 13.6496 189.967 13.549C189.917 13.4484 189.866 13.3645 189.783 13.2807C189.699 13.1969 189.615 13.1633 189.498 13.1298C189.38 13.0963 189.263 13.0795 189.146 13.0795C189.028 13.0795 188.894 13.0963 188.793 13.1298C188.676 13.1633 188.592 13.2136 188.508 13.2807C188.425 13.3478 188.357 13.4316 188.324 13.549C188.274 13.6496 188.257 13.7837 188.257 13.9178C188.257 14.0352 188.274 14.1526 188.324 14.2532C188.357 14.3538 188.425 14.4376 188.492 14.5214C188.559 14.6053 188.659 14.6556 188.777 14.6891C188.894 14.7226 189.011 14.7561 189.162 14.7561H189.129ZM189.129 11.0173C188.995 11.0173 188.894 11.034 188.793 11.0843C188.693 11.1179 188.609 11.1682 188.559 11.2352C188.492 11.3023 188.441 11.3861 188.408 11.4699C188.374 11.5538 188.357 11.6544 188.357 11.755C188.357 11.8556 188.357 11.9562 188.391 12.04C188.425 12.1406 188.458 12.2244 188.525 12.2915C188.592 12.3586 188.659 12.4256 188.76 12.4759C188.86 12.5262 188.978 12.543 189.129 12.543C189.28 12.543 189.397 12.5262 189.498 12.4759C189.598 12.4256 189.682 12.3753 189.732 12.2915C189.799 12.2244 189.833 12.1406 189.866 12.04C189.9 11.9394 189.9 11.8556 189.9 11.755C189.9 11.6544 189.9 11.5705 189.85 11.4699C189.816 11.3861 189.766 11.3023 189.699 11.2352C189.632 11.1682 189.548 11.1179 189.464 11.0843C189.363 11.0508 189.246 11.0173 189.129 11.0173Z"
+        fill="black"
+      />
+      <path
+        d="M192.147 12.3921C192.281 12.2244 192.449 12.0903 192.633 11.9897C192.817 11.8891 193.019 11.8388 193.253 11.8388C193.438 11.8388 193.605 11.8723 193.773 11.9562C193.924 12.0232 194.058 12.1406 194.159 12.2915C194.276 12.4424 194.36 12.6101 194.41 12.828C194.477 13.046 194.494 13.2807 194.494 13.5657C194.494 13.8172 194.46 14.052 194.393 14.2532C194.326 14.4544 194.226 14.6555 194.108 14.8064C193.991 14.9573 193.84 15.0915 193.656 15.1753C193.471 15.2591 193.287 15.3094 193.052 15.3094C192.851 15.3094 192.683 15.2759 192.549 15.2088C192.415 15.1418 192.281 15.0579 192.18 14.9406V16.3657H191.476V11.9059H191.912C192.013 11.9059 192.063 11.9562 192.096 12.04L192.163 12.3921H192.147ZM192.18 14.4208C192.281 14.5549 192.381 14.6388 192.499 14.6891C192.616 14.7394 192.75 14.7729 192.884 14.7729C193.153 14.7729 193.371 14.6723 193.522 14.4711C193.672 14.2699 193.756 13.9681 193.756 13.5657C193.756 13.3645 193.74 13.1801 193.706 13.046C193.672 12.9118 193.622 12.7777 193.555 12.6939C193.488 12.6101 193.404 12.543 193.32 12.4927C193.22 12.4592 193.119 12.4256 193.002 12.4256C192.817 12.4256 192.666 12.4592 192.532 12.543C192.398 12.6268 192.281 12.7274 192.163 12.8783V14.4376L192.18 14.4208Z"
+        fill="black"
+      />
+      <path
+        d="M197.931 15.2591H197.26C197.26 15.2591 197.16 15.2591 197.126 15.2088C197.093 15.1753 197.076 15.1418 197.042 15.1082L196.271 13.8675C196.271 13.8675 196.221 14.0017 196.187 14.052L195.483 15.0915C195.483 15.0915 195.433 15.1585 195.399 15.1921C195.366 15.2256 195.332 15.2424 195.282 15.2424H194.645L195.802 13.5154L194.678 11.8891H195.349C195.349 11.8891 195.45 11.8891 195.466 11.9059C195.483 11.9226 195.517 11.9394 195.534 11.9729L196.288 13.1633C196.288 13.1633 196.338 13.0124 196.372 12.9621L197.009 12.0065C197.009 12.0065 197.11 11.8891 197.177 11.8891H197.831L196.707 13.4819L197.864 15.2424L197.931 15.2591Z"
+        fill="black"
+      />
+    </svg>
+  );
+}
+
+export default svgPaths;