feat: Initial text + icon table

Author: meissadia

src/components/Icon/Icon.stories.tsx

@@ -71,6 +71,73 @@ export const IconWithBackground = (): React.ReactElement => (
   </span>
 );
 
+export const IconWithText = (): React.ReactElement => {
+  const elements = ['h1', 'h2', 'h3', 'h4', 'h5', 'p', 'a'];
+
+  return (
+    <table>
+      <thead>
+        <tr>
+          <th>Element</th>
+          <th>Plain Icon</th>
+          <th>Plain Icon Left</th>
+          <th>Round Icon</th>
+          <th>Round Icon Left</th>
+          <th>Square Icon</th>
+          <th>Square Icon Left</th>
+        </tr>
+      </thead>
+      <tbody>
+        {elements.map(element => {
+          const DynamicTag = element;
+
+          return (
+            <tr key={element}>
+              <td>{element}</td>
+              <td>
+                <DynamicTag>
+                  {element} text
+                  <Icon name='email' />
+                </DynamicTag>
+              </td>
+              <td>
+                <DynamicTag>
+                  <Icon name='email' />
+                  {element} text
+                </DynamicTag>
+              </td>
+              <td>
+                <DynamicTag>
+                  {element} text
+                  <Icon name='zero' withBg />
+                </DynamicTag>
+              </td>
+              <td>
+                <DynamicTag>
+                  <Icon name='zero' withBg />
+                  {element} text
+                </DynamicTag>
+              </td>
+              <td>
+                <DynamicTag>
+                  <Icon name='facebook' withBg />
+                  {element} text
+                </DynamicTag>
+              </td>
+              <td>
+                <DynamicTag>
+                  {element} text
+                  <Icon name='facebook' withBg />
+                </DynamicTag>
+              </td>
+            </tr>
+          );
+        })}
+      </tbody>
+    </table>
+  );
+};
+
 export const NavigationIcons = (): React.ReactElement => (
   <IconTable>{makeRows(navigationIcons)}</IconTable>
 );