@logora/debate 0.1.0

package/src/components/icons/hero_icons/Logora.jsx

@@ -0,0 +1,24 @@
+import React from 'react';
+
+export const Logora = (props) => (
+    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 144 144" preserveAspectRatio="xMidYMid meet" {...props}>
+        <g transform="translate(0.000000,144.000000) scale(0.100000,-0.100000)" fill="#000000" stroke="none">
+            <path d="M574 1415 c-458 -105 -694 -594 -488 -1011 89 -180 256 -317 454
+            -371 89 -24 271 -24 360 0 247 68 439 260 507 507 24 89 24 271 0 360 -67 245
+            -260 439 -502 506 -82 22 -254 27 -331 9z m318 -24 c309 -79 518 -350 518
+            -671 0 -388 -302 -690 -690 -690 -388 0 -690 302 -690 690 0 319 208 590 514
+            670 98 26 249 26 348 1z"/>
+            <path d="M1135 1054 c-99 -34 -98 -34 -92 -40 6 -6 197 54 197 62 0 9 -39 1 -105 -22z"/>
+            <path d="M739 1015 c-85 -39 -154 -55 -236 -55 -66 0 -85 -9 -113 -55 -18 -29
+            -22 -47 -18 -91 5 -60 35 -102 89 -124 34 -15 35 -16 9 -122 -11 -46 -20 -104
+            -20 -130 l0 -48 65 0 65 0 0 103 c0 56 5 119 11 140 10 38 11 39 47 33 20 -4
+            71 -18 114 -33 l76 -26 30 21 c46 33 66 85 70 183 5 101 -9 159 -46 199 -40
+            43 -59 43 -143 5z m138 -47 c21 -41 29 -178 14 -235 -15 -53 -41 -86 -63 -78
+            -41 16 -69 163 -49 255 20 91 66 118 98 58z"/>
+            <path d="M357 944 c-32 -18 -89 -125 -69 -132 7 -2 12 -10 12 -17 0 -21 59
+            -85 78 -85 12 0 11 5 -7 24 -25 26 -38 96 -27 140 3 13 20 38 37 55 33 33 22 40 -24 15z"/>
+            <path d="M1088 873 c28 -2 76 -2 105 0 28 2 5 3 -53 3 -58 0 -81 -1 -52 -3z"/>
+            <path d="M1046 731 c8 -8 173 -61 190 -61 25 0 -22 21 -97 44 -94 28 -108 31 -93 17z"/>
+        </g>
+    </svg>
+)

package/src/components/icons/hero_icons/Mail.jsx

@@ -0,0 +1,7 @@
+import React from "react";
+
+export const Mail = (props) => (
+  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" strokeWidth="1.5" stroke="currentColor" {...props}>
+    <path strokeLinecap="round" strokeLinejoin="round" d="M21.75 6.75v10.5a2.25 2.25 0 01-2.25 2.25h-15a2.25 2.25 0 01-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0019.5 4.5h-15a2.25 2.25 0 00-2.25 2.25m19.5 0v.243a2.25 2.25 0 01-1.07 1.916l-7.5 4.615a2.25 2.25 0 01-2.36 0L3.32 8.91a2.25 2.25 0 01-1.07-1.916V6.75" />
+  </svg>
+)

package/src/components/icons/hero_icons/MinusCircle.jsx

@@ -0,0 +1,16 @@
+import React from 'react';
+
+export const MinusCircle = (props) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    stroke="currentColor"
+    strokeWidth="2"
+    strokeLinecap="round"
+    strokeLinejoin="round"
+    {...props}
+  >
+    <circle cx="12" cy="12" r="10" />
+    <line x1="8" y1="12" x2="16" y2="12" />
+  </svg>
+);

package/src/components/icons/hero_icons/MobileClose.jsx

@@ -0,0 +1,7 @@
+import React from 'react';
+
+export const MobileClose = (props) => (
+    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" strokeWidth="1.5" stroke="currentColor" {...props}>
+        <path strokeLinecap="round" strokeLinejoin="round" d="M9.75 9.75l4.5 4.5m0-4.5l-4.5 4.5M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
+    </svg>
+)

package/src/components/icons/hero_icons/MobileMenu.jsx

@@ -0,0 +1,7 @@
+import React from 'react';
+
+export const MobileMenu = (props) => (
+    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" strokeWidth="1.5" stroke="currentColor" {...props}>
+        <path strokeLinecap="round" strokeLinejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5" />
+    </svg>
+)

package/src/components/icons/hero_icons/Next.jsx

@@ -0,0 +1,8 @@
+import React from 'react';
+
+export const Next = (props) => (
+    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" strokeWidth="1.5" stroke="currentColor" {...props}>
+        <path strokeLinecap="round" strokeLinejoin="round" d="M3 8.688c0-.864.933-1.405 1.683-.977l7.108 4.062a1.125 1.125 0 010 1.953l-7.108 4.062A1.125 1.125 0 013 16.81V8.688zM12.75 8.688c0-.864.933-1.405 1.683-.977l7.108 4.062a1.125 1.125 0 010 1.953l-7.108 4.062a1.125 1.125 0 01-1.683-.977V8.688z" />
+    </svg>
+
+)

package/src/components/icons/hero_icons/OpenBlank.jsx

@@ -0,0 +1,7 @@
+import React from 'react';
+
+export const OpenBlank = (props) => (
+    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" strokeWidth="1.5" stroke="currentColor" {...props}>
+        <path strokeLinecap="round" strokeLinejoin="round" d="M13.5 6H5.25A2.25 2.25 0 003 8.25v10.5A2.25 2.25 0 005.25 21h10.5A2.25 2.25 0 0018 18.75V10.5m-10.5 6L21 3m0 0h-5.25M21 3v5.25" />
+    </svg>
+)

package/src/components/icons/hero_icons/OrderedList.jsx

@@ -0,0 +1,19 @@
+import React from 'react';
+
+export const OrderedList = (props) => (
+    <svg viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+        <g clipPath="url(#clip0_2638_39838)">
+            <path d="M2.60488 14.5495H0.40412V16.1948H6.22507V14.5495H4.33684V6H2.80021L0.391098 7.15327L0.794782 8.59869L2.60488 7.73759V14.5495Z" fill="black"/>
+            <path d="M16.0466 9.70455C15.2773 9.70455 14.6536 10.3761 14.6536 11.2045C14.6536 12.033 15.2773 12.7045 16.0466 12.7045H48.607C49.3763 12.7045 50 12.033 50 11.2045C50 10.3761 49.3763 9.70455 48.607 9.70455H16.0466Z" fill="black"/>
+            <path d="M16.0466 23.6344C15.2773 23.6344 14.6536 24.306 14.6536 25.1344C14.6536 25.9629 15.2773 26.6344 16.0466 26.6344H48.607C49.3763 26.6344 50 25.9629 50 25.1344C50 24.306 49.3763 23.6344 48.607 23.6344H16.0466Z" fill="black"/>
+            <path d="M14.6536 39.0643C14.6536 38.2359 15.2773 37.5643 16.0466 37.5643H48.607C49.3763 37.5643 50 38.2359 50 39.0643C50 39.8927 49.3763 40.5643 48.607 40.5643H16.0466C15.2773 40.5643 14.6536 39.8927 14.6536 39.0643Z" fill="black"/>
+            <path d="M0.0367292 30.1511V28.5443C0.803968 26.8202 1.96767 25.9442 2.92742 25.2217C3.85786 24.5213 4.59661 23.9652 4.59661 22.9206C4.59661 22.1172 4.27568 21.5108 3.32626 21.5108C2.36347 21.5108 1.92219 22.2536 1.98905 23.4511H0.210566C0.0501013 21.2077 1.24022 19.904 3.44661 19.904C5.53266 19.904 6.42859 20.9803 6.42859 22.7387C6.42859 24.4766 5.31209 25.3099 4.17742 26.1567C3.3526 26.7722 2.51819 27.3949 2.09603 28.3775H6.6158L6.46871 30.1511H0.0367292Z" fill="black"/>
+            <path d="M1.88653 39.6121H3.11112C4.47902 39.6121 4.83076 40.186 4.83076 41.0689C4.83076 41.8635 4.41388 42.5551 3.26745 42.5551C2.23827 42.5551 1.7302 42.0695 1.80836 41.0101H0.0366168C-0.210907 43.0849 0.79221 44.0266 3.17626 44.0266C5.56031 44.0266 6.61554 42.7759 6.61554 41.0395C6.61554 39.568 5.89902 38.8617 4.70049 38.6851V38.6557C5.66453 38.3908 6.32893 37.5815 6.32893 36.4337C6.32893 34.9328 5.54728 33.888 3.33259 33.888C1.22212 33.888 0.0626719 34.9033 0.140837 36.8016H1.8735C1.84744 36.007 2.17313 35.3595 3.21534 35.3595C4.12727 35.3595 4.54415 35.8304 4.54415 36.728C4.54415 37.4785 4.15333 38.0671 3.09809 38.0671H1.88653V39.6121Z" fill="black"/>
+        </g>
+        <defs>
+            <clipPath id="clip0_2638_39838">
+                <rect width="50" height="50" fill="white"/>
+            </clipPath>
+        </defs>
+    </svg>
+);

package/src/components/icons/hero_icons/PauseCircle.jsx

@@ -0,0 +1,10 @@
+import React from 'react';
+
+export const PauseCircle = (props) => (
+    <svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" {...props}
+    >
+        <circle cx="12" cy="12" r="10" />
+        <line x1="10" x2="10" y1="15" y2="9" />
+        <line x1="14" x2="14" y1="15" y2="9" />
+    </svg>
+);

package/src/components/icons/hero_icons/Point.jsx

@@ -0,0 +1,8 @@
+import React from 'react';
+
+export const Point = (props) => (
+    <svg viewBox="0 0 17 17" xmlns="http://www.w3.org/2000/svg" {...props}>
+        <circle cx="8.5" cy="8.5" r="8.1" stroke="black" strokeWidth=".8px" fill="transparent"/>
+        <path d="M9.39386 5.14357C9.35492 5.48312 9.34657 5.8252 9.36599 6.16612C9.22118 5.91698 9.11124 5.64788 9.04014 5.36621C7.33187 6.49721 6.08851 8.21955 5.54279 10.2112C4.91626 11.0717 4.3983 12.0085 4 13C5.78647 10.0043 8.18819 7.4322 11.0424 5.45904C9.32015 7.07048 7.68966 8.77876 6.15951 10.5802C8.1645 10.1999 9.9731 9.11694 11.2679 7.52261C10.7667 7.47603 10.2627 7.49314 9.76429 7.57172C10.3295 7.3098 10.9407 7.16331 11.5618 7.13818C11.7428 6.8902 11.9084 6.63092 12.0616 6.36625C11.6648 6.40301 11.2722 6.47472 10.8865 6.58329C11.3028 6.32961 11.7581 6.1507 12.2343 6.05216C12.5727 5.40412 12.8302 4.71394 13 4C11.7275 4.0998 10.4939 4.49015 9.39386 5.14357Z" fill="black" />
+    </svg>
+)

package/src/components/icons/hero_icons/Question.jsx

@@ -0,0 +1,7 @@
+import React from 'react';
+
+export const Question = (props) => (
+    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" strokeWidth="1.5" stroke="currentColor" {...props}>
+        <path strokeLinecap="round" strokeLinejoin="round" d="M9.879 7.519c1.171-1.025 3.071-1.025 4.242 0 1.172 1.025 1.172 2.687 0 3.712-.203.179-.43.326-.67.442-.745.361-1.45.999-1.45 1.827v.75M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9 5.25h.008v.008H12v-.008z" />
+    </svg>
+)

package/src/components/icons/hero_icons/Refresh.jsx

@@ -0,0 +1,7 @@
+import React from 'react';
+
+export const Refresh = (props) => (
+    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" strokeWidth="1.5" stroke="currentColor" {...props}>
+        <path strokeLinecap="round" strokeLinejoin="round" d="M16.023 9.348h4.992v-.001M2.985 19.644v-4.992m0 0h4.992m-4.993 0l3.181 3.183a8.25 8.25 0 0013.803-3.7M4.031 9.865a8.25 8.25 0 0113.803-3.7l3.181 3.182m0-4.991v4.99" />
+    </svg>
+)

package/src/components/icons/hero_icons/Reply.jsx

@@ -0,0 +1,7 @@
+import React from 'react';
+
+export const Reply = (props) => (
+    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" strokeWidth="1.5" stroke="currentColor" {...props}>
+        <path strokeLinecap="round" strokeLinejoin="round" d="M16.862 4.487l1.687-1.688a1.875 1.875 0 112.652 2.652L10.582 16.07a4.5 4.5 0 01-1.897 1.13L6 18l.8-2.685a4.5 4.5 0 011.13-1.897l8.932-8.931zm0 0L19.5 7.125M18 14v4.75A2.25 2.25 0 0115.75 21H5.25A2.25 2.25 0 013 18.75V8.25A2.25 2.25 0 015.25 6H10" />
+    </svg>
+)

package/src/components/icons/hero_icons/Search.jsx

@@ -0,0 +1,7 @@
+import React from 'react';
+
+export const Search = (props) => (
+    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" strokeWidth="1.5" stroke="currentColor" {...props}>
+        <path strokeLinecap="round" strokeLinejoin="round" d="M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z" />
+    </svg>
+)

package/src/components/icons/hero_icons/Send.jsx

@@ -0,0 +1,7 @@
+import React from 'react';
+
+export const Send = (props) => (
+    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" strokeWidth="1.5" stroke="currentColor" {...props}>
+        <path strokeLinecap="round" strokeLinejoin="round" d="M6 12L3.269 3.126A59.768 59.768 0 0121.485 12 59.77 59.77 0 013.27 20.876L5.999 12zm0 0h7.5" />
+    </svg>
+)

package/src/components/icons/hero_icons/Share.jsx

@@ -0,0 +1,8 @@
+import React from 'react';
+
+export const Share = (props) => (
+  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" strokeWidth="1.5" stroke="currentColor" {...props}>
+    <path strokeLinecap="round" strokeLinejoin="round" d="M7.217 10.907a2.25 2.25 0 100 2.186m0-2.186c.18.324.283.696.283 1.093s-.103.77-.283 1.093m0-2.186l9.566-5.314m-9.566 7.5l9.566 5.314m0 0a2.25 2.25 0 103.935 2.186 2.25 2.25 0 00-3.935-2.186zm0-12.814a2.25 2.25 0 103.933-2.185 2.25 2.25 0 00-3.933 2.185z" />
+  </svg>
+
+)

package/src/components/icons/hero_icons/SmallArrow.jsx

@@ -0,0 +1,7 @@
+import React from 'react';
+
+export const SmallArrow = (props) => (
+    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" strokeWidth="1.5" stroke="currentColor" {...props}>
+        <path strokeLinecap="round" strokeLinejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5" />
+    </svg>
+)

package/src/components/icons/hero_icons/Source.jsx

@@ -0,0 +1,8 @@
+import React from 'react';
+
+export const Source = (props) => (
+    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" strokeWidth="1.5" stroke="currentColor" {...props}>
+        <path strokeLinecap="round" strokeLinejoin="round" d="M12 6.042A8.967 8.967 0 006 3.75c-1.052 0-2.062.18-3 .512v14.25A8.987 8.987 0 016 18c2.305 0 4.408.867 6 2.292m0-14.25a8.966 8.966 0 016-2.292c1.052 0 2.062.18 3 .512v14.25A8.987 8.987 0 0018 18a8.967 8.967 0 00-6 2.292m0-14.25v14.25" />
+    </svg>
+
+)

package/src/components/icons/hero_icons/Suggestion.jsx

@@ -0,0 +1,9 @@
+import React from 'react';
+
+export const Suggestion = (props) => (
+    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" strokeWidth={1.5} stroke="currentColor" {...props}>
+        <path strokeLinecap="round" strokeLinejoin="round" d="M12 18v-5.25m0 0a6.01 6.01 0 001.5-.189m-1.5.189a6.01 6.01 0 01-1.5-.189m3.75 7.478a12.06 12.06 0 01-4.5 0m3.75 2.383a14.406 14.406 0 01-3 0M14.25 18v-.192c0-.983.658-1.823 1.508-2.316a7.5 7.5 0 10-7.517 0c.85.493 1.509 1.333 1.509 2.316V18" />
+    </svg>
+)
+
+

package/src/components/icons/hero_icons/Twitter.jsx

@@ -0,0 +1,10 @@
+import React from "react";
+
+export const Twitter = (props) => (
+  <svg viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+    <path d="M29.1169 21.1716L47.3303 0H43.0143L27.1997 18.383L14.5685 0H0L19.1008 27.7983L0 50H4.31623L21.0169 30.5869L34.3563 50H48.9249L29.1169 21.1716ZM5.87143 3.2492H12.5009L43.0164 46.8986H36.3869L5.87143 3.2492Z" fill="black"/>
+    <path d="M29.1169 21.1716L47.3303 0H43.0143L27.1997 18.383L14.5685 0H0L19.1008 27.7983L0 50H4.31623L21.0169 30.5869L34.3563 50H48.9249L29.1169 21.1716ZM5.87143 3.2492H12.5009L43.0164 46.8986H36.3869L5.87143 3.2492Z" fill="black"/>
+    <path d="M29.1169 21.1716L47.3303 0H43.0143L27.1997 18.383L14.5685 0H0L19.1008 27.7983L0 50H4.31623L21.0169 30.5869L34.3563 50H48.9249L29.1169 21.1716ZM5.87143 3.2492H12.5009L43.0164 46.8986H36.3869L5.87143 3.2492Z" fill="black"/>
+    <path d="M29.1169 21.1716L47.3303 0H43.0143L27.1997 18.383L14.5685 0H0L19.1008 27.7983L0 50H4.31623L21.0169 30.5869L34.3563 50H48.9249L29.1169 21.1716ZM5.87143 3.2492H12.5009L43.0164 46.8986H36.3869L5.87143 3.2492Z" fill="black"/>
+  </svg>
+)

package/src/components/icons/hero_icons/Underline.jsx

@@ -0,0 +1,14 @@
+import React from 'react';
+
+export const Underline = (props) => (
+    <svg viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+        <g clipPath="url(#clip0_2638_46095)">
+            <path fillRule="evenodd" clipRule="evenodd" d="M19.6972 0H5V25.0101C5 28.4775 6.01479 32.5546 9.09083 35.763C12.1881 38.9936 17.1615 41.122 24.6267 41.0849C32.085 41.0479 36.9733 38.919 40.0149 35.7136C43.0326 32.5333 44.0116 28.5243 44.1384 25.147L44.1395 25.1176V0H29.3001V22.44C29.3001 23.7391 29.2206 24.9237 28.678 25.7975C28.2389 26.5048 27.2738 27.3379 24.6189 27.3379C21.758 27.3379 20.7596 26.5847 20.332 25.9671C19.8043 25.205 19.6972 24.0827 19.6972 22.44V0ZM8.14092 25.0101V3.14092H16.5562V22.44C16.5562 23.9625 16.5859 26.0744 17.7496 27.7551C19.0134 29.5804 21.2612 30.4788 24.6189 30.4788C28.0106 30.4788 30.1714 29.3468 31.3464 27.4544C32.418 25.7285 32.441 23.679 32.441 22.44V3.14092H40.9986V25.058C40.8849 27.9608 40.0471 31.1165 37.7365 33.5516C35.4421 35.9696 31.4734 37.9099 24.6111 37.944C17.7557 37.9781 13.7049 36.0372 11.3581 33.5894C8.99005 31.1194 8.14092 27.9087 8.14092 25.0101ZM8.36134 46.4182C7.37226 46.4182 6.57046 47.2201 6.57046 48.2091C6.57046 49.1982 7.37226 50 8.36134 50H40.7782C41.7673 50 42.5691 49.1982 42.5691 48.2091C42.5691 47.2201 41.7673 46.4182 40.7782 46.4182H8.36134Z" fill="black"/>
+        </g>
+        <defs>
+            <clipPath id="clip0_2638_46095">
+                <rect width="50" height="50" fill="white"/>
+            </clipPath>
+        </defs>
+    </svg>
+);

package/src/components/icons/hero_icons/Upvote.jsx

@@ -0,0 +1,7 @@
+import React from 'react';
+
+export const Upvote = (props) => (
+    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" strokeWidth="1.5" stroke="currentColor" {...props}>
+        <path strokeLinecap="round" strokeLinejoin="round" d="M6.633 10.5c.806 0 1.533-.446 2.031-1.08a9.041 9.041 0 012.861-2.4c.723-.384 1.35-.956 1.653-1.715a4.498 4.498 0 00.322-1.672V3a.75.75 0 01.75-.75A2.25 2.25 0 0116.5 4.5c0 1.152-.26 2.243-.723 3.218-.266.558.107 1.282.725 1.282h3.126c1.026 0 1.945.694 2.054 1.715.045.422.068.85.068 1.285a11.95 11.95 0 01-2.649 7.521c-.388.482-.987.729-1.605.729H13.48c-.483 0-.964-.078-1.423-.23l-3.114-1.04a4.501 4.501 0 00-1.423-.23H5.904M14.25 9h2.25M5.904 18.75c.083.205.173.405.27.602.197.4-.078.898-.523.898h-.908c-.889 0-1.713-.518-1.972-1.368a12 12 0 01-.521-3.507c0-1.553.295-3.036.831-4.398C3.387 10.203 4.167 9.75 5 9.75h1.053c.472 0 .745.556.5.96a8.958 8.958 0 00-1.302 4.665c0 1.194.232 2.333.654 3.375z" />
+    </svg>
+)

package/src/components/icons/hero_icons/User.jsx

@@ -0,0 +1,7 @@
+import React from 'react';
+
+export const User = (props) => (
+    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" strokeWidth="1.5" stroke="currentColor" {...props}>
+        <path strokeLinecap="round" strokeLinejoin="round" d="M15 19.128a9.38 9.38 0 002.625.372 9.337 9.337 0 004.121-.952 4.125 4.125 0 00-7.533-2.493M15 19.128v-.003c0-1.113-.285-2.16-.786-3.07M15 19.128v.106A12.318 12.318 0 018.624 21c-2.331 0-4.512-.645-6.374-1.766l-.001-.109a6.375 6.375 0 0111.964-3.07M12 6.375a3.375 3.375 0 11-6.75 0 3.375 3.375 0 016.75 0zm8.25 2.25a2.625 2.625 0 11-5.25 0 2.625 2.625 0 015.25 0z" />
+    </svg>
+)

package/src/components/icons/hero_icons/Versus.jsx

@@ -0,0 +1,7 @@
+import React from 'react';
+
+export const Versus = (props) => (
+    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" strokeWidth={1.5} stroke="currentColor" {...props}>
+        <path strokeLinecap="round" strokeLinejoin="round" d="M3.75 13.5l10.5-11.25L12 10.5h8.25L9.75 21.75 12 13.5H3.75z" />
+    </svg>
+)

package/src/components/icons/hero_icons/Votebox.jsx

@@ -0,0 +1,7 @@
+import React from 'react';
+
+export const Votebox = (props) => (
+    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" strokeWidth={1.5} stroke="currentColor" {...props}>
+        <path strokeLinecap="round" strokeLinejoin="round" d="M10.05 4.575a1.575 1.575 0 10-3.15 0v3m3.15-3v-1.5a1.575 1.575 0 013.15 0v1.5m-3.15 0l.075 5.925m3.075.75V4.575m0 0a1.575 1.575 0 013.15 0V15M6.9 7.575a1.575 1.575 0 10-3.15 0v8.175a6.75 6.75 0 006.75 6.75h2.018a5.25 5.25 0 003.712-1.538l1.732-1.732a5.25 5.25 0 001.538-3.712l.003-2.024a.668.668 0 01.198-.471 1.575 1.575 0 10-2.228-2.228 3.818 3.818 0 00-1.12 2.687M6.9 7.575V12m6.27 4.318A4.49 4.49 0 0116.35 15m.002 0h-.002" />
+    </svg>
+)

package/src/components/icons/hero_icons/index.js

@@ -0,0 +1,51 @@
+export { Alarm } from "./Alarm"
+export { Announcement } from "./Announcement"
+export { Arrow } from "./Arrow"
+export { Blockquote } from "./Blockquote"
+export { Bold } from "./Bold"
+export { Camera } from "./Camera"
+export { Chat } from "./Chat"
+export { Checkbox } from "./Checkbox"
+export { Check } from "./Check"
+export { Clap } from "./Clap"
+export { Clock } from "./Clock"
+export { Close } from "./Close"
+export { Code } from "./Code"
+export { Community } from "./Community"
+export { Crown } from "./Crown"
+export { Downvote } from "./Downvote"
+export { Ellipsis } from "./Ellipsis"
+export { ExpertBadge } from "./ExpertBadge"
+export { Facebook } from "./Facebook"
+export { Home } from "./Home"
+export { Italic } from "./Italic"
+export { LightArrow } from "./LightArrow"
+export { Link } from "./Link"
+export { Login } from "./Login"
+export { Logora } from "./Logora"
+export { Mail } from "./Mail"
+export { MobileClose } from "./MobileClose"
+export { MobileMenu } from "./MobileMenu"
+export { Next } from "./Next"
+export { OpenBlank } from "./OpenBlank"
+export { OrderedList } from "./OrderedList"
+export { Point } from "./Point"
+export { Question } from "./Question"
+export { Refresh } from "./Refresh"
+export { Reply } from "./Reply"
+export { Search } from "./Search"
+export { Send } from "./Send"
+export { Share } from "./Share"
+export { SmallArrow } from "./SmallArrow"
+export { Source } from "./Source"
+export { Suggestion } from './Suggestion';
+export { Twitter } from "./Twitter"
+export { Underline } from "./Underline"
+export { Upvote } from "./Upvote";
+export { User } from "./User"
+export { Votebox } from './Votebox';
+export { Versus } from'./Versus';
+export { CheckCircle } from './CheckCircle';
+export { MinusCircle} from './MinusCircle';
+export { Flag } from './Flag';
+export { PauseCircle} from './PauseCircle'

package/src/components/icons/icon/Icon.docs.mdx

@@ -0,0 +1,20 @@
+---
+description: An generic icon component.
+labels: ['icon', 'icon-library']
+---
+
+An icon component that will get the icon from an icon library stored in the [IconContext](https://bit.cloud/logora/debate/icons/icon_provider).
+
+It must be inside the IconProvider.
+
+### Component usage
+
+```js
+import { Icon } from '@logora/debate.icons.icon';
+```
+
+```js
+<IconProvider libraryName={"regular"}>
+    <Icon name={"arrow"} width={30} height={30} />
+</IconProvider>
+```

package/src/components/icons/icon/Icon.jsx

@@ -0,0 +1,32 @@
+import React, { useContext } from 'react';
+import { IconContext } from '@logora/debate/icons/icon_provider';
+import PropTypes from "prop-types";
+
+export const Icon = ({ name, height = 20, width = 20, className, ...rest }) => {
+    const { iconLibrary } = useContext(IconContext);
+
+    if (!iconLibrary || !name) {
+      return null;
+    }
+  
+    function capitalizeFirstLetter(string) {
+        return string.charAt(0).toUpperCase() + string.slice(1);
+    }
+
+    const IconComponent = iconLibrary[capitalizeFirstLetter(name)];
+  
+    return IconComponent ? <IconComponent height={height} width={width} className={className} {...rest} /> : null;
+};
+
+Icon.propTypes = {
+    /** Icon name */
+    name: PropTypes.string.isRequired,
+    /** Icon height in pixels */
+    height: PropTypes.number,
+    /** Icon width in pixels */
+    width: PropTypes.number,
+    /** Icon class name */
+    className: PropTypes.string,
+    /** Extra props passed to the icon */
+    rest: PropTypes.object
+};

package/src/components/icons/icon/Icon.test.jsx

@@ -0,0 +1,33 @@
+import React from 'react';
+import { render, act, screen, waitFor } from '@testing-library/react';
+import { IconProvider } from '@logora/debate/icons/icon_provider';
+import { Icon } from './Icon';
+import * as regularIcons from '@logora/debate/icons/regular_icons';
+
+describe('Icon', () => {
+	it('should render icon', async () => {
+		act(()=>{
+			render(
+				<IconProvider library={regularIcons}>
+					<Icon data-testid={"test-icon"} name={"italic"} />
+				</IconProvider>
+			);
+		});
+		await waitFor(() => {
+        	expect(screen.queryByTestId("test-icon")).toBeTruthy();
+		});
+	});
+
+	it('should render nothing if icon is not found', async () => {
+		act(()=>{
+			render(
+				<IconProvider library={regularIcons}>
+					<Icon data-testid={"test-icon"} name={"random"} />
+				</IconProvider>
+			);
+		});
+		await waitFor(() => {
+        	expect(screen.queryByTestId("test-icon")).toBeNull();
+		});
+	});
+});

package/src/components/icons/icon/index.js

@@ -0,0 +1 @@
+export { Icon } from './Icon';

package/src/components/icons/icon_provider/IconProvider.docs.mdx

@@ -0,0 +1,28 @@
+---
+description: A provider to store an icon library.
+labels: ['icons', 'icon-provider']
+---
+
+IconProvider is a context component to store a library of icons.
+
+Pass a library, and it store it in the context.
+
+It should be used with the [Icon component](https://bit.cloud/logora/debate/icons/icon).
+
+### Component usage
+
+```js
+import { IconProvider, IconContext } from '@logora/debate.icons.icon_provider';
+```
+
+```js
+import * as regularIcons from '@logora/debate.icons.icon_provider';
+
+const ComponentWithIcons = () => {
+	return <div>Hello world !</div>
+}
+
+<IconProvider library={regularIcons}>
+    <ComponentWithIcons />
+</IconProvider>
+```

package/src/components/icons/icon_provider/IconProvider.jsx

@@ -0,0 +1,19 @@
+import React, { useState, useEffect , createContext} from 'react';
+import PropTypes from "prop-types";
+
+export const IconContext = createContext({ iconLibrary: {} });
+
+export const IconProvider = ({ library, children }) => {
+    return (
+        <IconContext.Provider value={{ iconLibrary: library }}>
+            {children}
+        </IconContext.Provider>
+    );
+}
+
+IconProvider.propTypes = {
+    /** Library name if async or module */
+    library: PropTypes.any.isRequired,
+    /** Provider children */
+	children: PropTypes.node
+};

package/src/components/icons/icon_provider/IconProvider.test.jsx

@@ -0,0 +1,24 @@
+import React from 'react';
+import { render, act, screen, waitFor } from '@testing-library/react';
+import { IconProvider } from './IconProvider';
+import * as regularIcons from '@logora/debate/icons/regular_icons';
+
+const ComponentWithIcons = () => {
+	return <div>Hello world !</div>
+}
+
+describe('IconProvider', () => {
+	it('should render component with icon library', async () => {
+		act(()=> {
+			render(
+				<IconProvider library={regularIcons}>
+					<ComponentWithIcons />
+				</IconProvider>
+			);
+		});
+
+		await waitFor(() => {
+			expect(screen.getByText(/hello world/i)).toBeTruthy();
+		});
+	});
+});

package/src/components/icons/icon_provider/index.js

@@ -0,0 +1 @@
+export { IconProvider, IconContext } from './IconProvider';

package/src/components/icons/krone_icons/Alarm.jsx

@@ -0,0 +1,27 @@
+import React from 'react';
+
+export const Alarm = (props) => (
+    <svg
+        {...props} 
+        viewBox="0 0 24 24"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+    >
+        <mask
+            id="mask0_167_6301"
+            style={{ maskType: 'alpha' }}
+            maskUnits="userSpaceOnUse"
+            x="0"
+            y="0"
+            width="24"
+            height="24"
+        >
+            <rect width="24" height="24" fill="#D9D9D9" />
+        </mask>
+        <g mask="url(#mask0_167_6301)">
+            <path
+                d="M4 19V17H6V10C6 8.61667 6.41667 7.3875 7.25 6.3125C8.08333 5.2375 9.16667 4.53333 10.5 4.2V3.5C10.5 3.08333 10.6458 2.72917 10.9375 2.4375C11.2292 2.14583 11.5833 2 12 2C12.4167 2 12.7708 2.14583 13.0625 2.4375C13.3542 2.72917 13.5 3.08333 13.5 3.5V4.2C14.8333 4.53333 15.9167 5.2375 16.75 6.3125C17.5833 7.3875 18 8.61667 18 10V17H20V19H4ZM12 22C11.45 22 10.9792 21.8042 10.5875 21.4125C10.1958 21.0208 10 20.55 10 20H14C14 20.55 13.8042 21.0208 13.4125 21.4125C13.0208 21.8042 12.55 22 12 22ZM8 17H16V10C16 8.9 15.6083 7.95833 14.825 7.175C14.0417 6.39167 13.1 6 12 6C10.9 6 9.95833 6.39167 9.175 7.175C8.39167 7.95833 8 8.9 8 10V17Z"
+            />
+        </g>
+    </svg>
+)

package/src/components/icons/krone_icons/Announcement.jsx

@@ -0,0 +1,16 @@
+import React from 'react';
+
+export const Announcement = (props) => (
+  <svg
+    {...props} 
+    viewBox="0 0 24 24" 
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM11 17V15H13V17H11ZM11 7V13H13V7H11Z"
+    />
+  </svg>
+);

package/src/components/icons/krone_icons/Arrow.jsx

@@ -0,0 +1,7 @@
+import React from 'react';
+
+export const Arrow = (props) => (
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
+        <path d="M19,11H9l3.29-3.29a1,1,0,0,0,0-1.42,1,1,0,0,0-1.41,0l-4.29,4.3A2,2,0,0,0,6,12H6a2,2,0,0,0,.59,1.4l4.29,4.3a1,1,0,1,0,1.41-1.42L9,13H19a1,1,0,0,0,0-2Z"/>
+    </svg>
+)

package/src/components/icons/krone_icons/Blockquote.jsx

@@ -0,0 +1,7 @@
+import React from 'react';
+
+export const Blockquote = (props) => (
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
+        <path d="M6 17h3l2-4V7H5v6h3zm8 0h3l2-4V7h-6v6h3z"/>
+    </svg>
+);

package/src/components/icons/krone_icons/Bold.jsx

@@ -0,0 +1,7 @@
+import React from 'react';
+
+export const Bold = (props) => (
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
+        <path d="M15.6 10.79c.97-.67 1.65-1.77 1.65-2.79 0-2.26-1.75-4-4-4H7v14h7.04c2.09 0 3.71-1.7 3.71-3.79 0-1.52-.86-2.82-2.15-3.42zM10 6.5h3c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5h-3v-3zm3.5 9H10v-3h3.5c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5z"/>
+    </svg>
+);

package/src/components/icons/krone_icons/Camera.jsx

@@ -0,0 +1,8 @@
+import React from "react";
+
+export const Camera = (props) => (
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
+        <path d="M19,4h-.508L16.308,1.168A3.023,3.023,0,0,0,13.932,0H10.068A3.023,3.023,0,0,0,7.692,1.168L5.508,4H5A5.006,5.006,0,0,0,0,9V19a5.006,5.006,0,0,0,5,5H19a5.006,5.006,0,0,0,5-5V9A5.006,5.006,0,0,0,19,4ZM9.276,2.39A1.006,1.006,0,0,1,10.068,2h3.864a1.008,1.008,0,0,1,.792.39L15.966,4H8.034ZM22,19a3,3,0,0,1-3,3H5a3,3,0,0,1-3-3V9A3,3,0,0,1,5,6H19a3,3,0,0,1,3,3Z"/>
+        <path d="M12,8a6,6,0,1,0,6,6A6.006,6.006,0,0,0,12,8Zm0,10a4,4,0,1,1,4-4A4,4,0,0,1,12,18Z"/>
+    </svg>
+)

package/src/components/icons/krone_icons/Chat.jsx

@@ -0,0 +1,29 @@
+import React from "react";
+
+export const Chat = (props) => (
+    <svg
+        width="24"
+        height="24"
+        viewBox="0 0 24 24"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        {...props}
+    >
+        <mask
+        id="mask0_167_6304"
+        style={{ maskType: 'alpha' }}
+        maskUnits="userSpaceOnUse"
+        x="0"
+        y="0"
+        width="24"
+        height="24"
+        >
+        <rect width="24" height="24" fill="#D9D9D9" />
+        </mask>
+        <g mask="url(#mask0_167_6304)">
+        <path
+            d="M22 22L18 18H8C7.45 18 6.97917 17.8042 6.5875 17.4125C6.19583 17.0208 6 16.55 6 16V15H17C17.55 15 18.0208 14.8042 18.4125 14.4125C18.8042 14.0208 19 13.55 19 13V6H20C20.55 6 21.0208 6.19583 21.4125 6.5875C21.8042 6.97917 22 7.45 22 8V22ZM4 12.175L5.175 11H15V4H4V12.175ZM2 17V4C2 3.45 2.19583 2.97917 2.5875 2.5875C2.97917 2.19583 3.45 2 4 2H15C15.55 2 16.0208 2.19583 16.4125 2.5875C16.8042 2.97917 17 3.45 17 4V11C17 11.55 16.8042 12.0208 16.4125 12.4125C16.0208 12.8042 15.55 13 15 13H6L2 17Z"
+        />
+        </g>
+    </svg>
+)