From e1dfbe657c15f27a288444654f6405b8424acea7 Mon Sep 17 00:00:00 2001
From: devartes <anacavalcante731@gmail.com>
Date: Tue, 7 Feb 2023 07:09:00 -0300
Subject: [PATCH] feat: adicionando componente Authors e styles.css dele

---
 react/Authors.tsx                    |  3 +++
 react/components/Authors/Authors.tsx | 27 +++++++++++++++++++++++++++
 react/components/Authors/styles.css  | 20 ++++++++++++++++++++
 3 files changed, 50 insertions(+)
 create mode 100644 react/Authors.tsx
 create mode 100644 react/components/Authors/Authors.tsx
 create mode 100644 react/components/Authors/styles.css

diff --git a/react/Authors.tsx b/react/Authors.tsx
new file mode 100644
index 0000000..6576b05
--- /dev/null
+++ b/react/Authors.tsx
@@ -0,0 +1,3 @@
+import Authors from "./components/Authors/Authors";
+
+export default Authors;
diff --git a/react/components/Authors/Authors.tsx b/react/components/Authors/Authors.tsx
new file mode 100644
index 0000000..d2b6408
--- /dev/null
+++ b/react/components/Authors/Authors.tsx
@@ -0,0 +1,27 @@
+import React from "react";
+import styles from "./styles.css";
+
+const Authors = () => {
+  return (
+    <div>
+      <ul className={styles.AutoresGroup}>
+        <li className={styles.AutoresList}>
+          Powered by
+          <img
+            src="https://agenciamagma.vteximg.com.br/arquivos/logovtex-m3academy-anacarolinaduartecavalcante.svg"
+            alt="ícone logo vtex"
+          />
+        </li>
+        <li className={styles.AutoresList}>
+          Developed by
+          <img
+            src="https://agenciamagma.vteximg.com.br/arquivos/logom3-m3academy-anacarolinaduartecavalcante.svg"
+            alt="ícone logo m3"
+          />
+        </li>
+      </ul>
+    </div>
+  );
+};
+
+export default Authors;
diff --git a/react/components/Authors/styles.css b/react/components/Authors/styles.css
new file mode 100644
index 0000000..b66a0cc
--- /dev/null
+++ b/react/components/Authors/styles.css
@@ -0,0 +1,20 @@
+/* Footer Credits */
+
+.AutoresGroup {
+  display: flex;
+  align-items: center;
+  column-gap: 15.73px;
+  margin: 0;
+  padding: 0;
+
+}
+
+.AutoresList {
+  display: flex;
+  align-items: center;
+  font-weight: 400;
+  font-size: 10px;
+  line-height: 12px;
+  color: #ffffff;
+  column-gap: 8.72px;
+}