docs: Creates EvaluationForm Component

Author: alizeleal

stories/Introduction/Introduction.mdx

@@ -2,6 +2,7 @@ import { Meta } from '@storybook/addon-docs';
 
 import { Alert } from '../../components';
 import { Header } from '../shared'
+import EvaluationForm from '../../stories/shared/EvaluationForm'
 
 <Meta title="Introduction/GettingStarted" />
 
@@ -39,4 +40,6 @@ yarn add @catho/quantum
 import Button from '@catho/quantum/Button';
 
 export default () => <Button>Click here!</Buttom>;
-```
+```
+
+<EvaluationForm componentName="Introduction" />

stories/Typography/Components.jsx

@@ -1,3 +1,4 @@
+/* eslint-disable jsx-a11y/control-has-associated-label */
 import styled from 'styled-components';
 
 import { Title, Subtitle, Blockquote } from '../../components/GlobalStyle';

stories/shared/EvaluationForm/index.jsx

@@ -0,0 +1,34 @@
+import Accordion from '../../../components/Accordion';
+
+const urlGenerator = (componentName) =>
+  `https://docs.google.com/forms/d/e/1FAIpQLSewdS_VhSt_JSFOxiuiIc-auEj0MQwn_P_WiXYhAEAE1DqJhg/viewform?entry.1112120969=${componentName}`;
+
+const EvaluationForm = ({ componentName }) => (
+  <Accordion
+    items={[
+      {
+        content: (
+          <ul>
+            <li>
+              <iframe
+                title="Rate our Documentation"
+                src={`${urlGenerator(componentName)}`}
+                width="992"
+                height="600"
+                frameBorder="0"
+                marginHeight="0"
+                marginWidth="0"
+              >
+                Carregando…
+              </iframe>
+            </li>
+          </ul>
+        ),
+        opened: true,
+        title: '⭐⭐⭐⭐⭐ Rate our Documentation',
+      },
+    ]}
+  />
+);
+
+export default EvaluationForm;