From 58c0040a67c743d7aa8f2092e5e86b1baf6e547b Mon Sep 17 00:00:00 2001
From: Emmanuel Vitor <emmanuelvitor.ti@gmail.com>
Date: Sat, 14 Jan 2023 11:06:03 -0300
Subject: [PATCH] feat: cria organizacao base das pastas e arquivos da parte
 centrar da SPA

---
 .../Main/BreadCrumb/BreadCreumb.tsx           | 26 +++++++++++++++++++
 .../Main/BreadCrumb/BreadCrumb.module.scss    |  0
 .../BreadCrumb/assets/svgs/arrow-right.svg    | 10 +++++++
 .../Main/BreadCrumb/assets/svgs/home.svg      | 10 +++++++
 src/components/Main/Main.module.scss          |  0
 src/components/Main/Main.tsx                  |  8 ++++++
 6 files changed, 54 insertions(+)
 create mode 100644 src/components/Main/BreadCrumb/BreadCreumb.tsx
 create mode 100644 src/components/Main/BreadCrumb/BreadCrumb.module.scss
 create mode 100644 src/components/Main/BreadCrumb/assets/svgs/arrow-right.svg
 create mode 100644 src/components/Main/BreadCrumb/assets/svgs/home.svg
 create mode 100644 src/components/Main/Main.module.scss
 create mode 100644 src/components/Main/Main.tsx

diff --git a/src/components/Main/BreadCrumb/BreadCreumb.tsx b/src/components/Main/BreadCrumb/BreadCreumb.tsx
new file mode 100644
index 0000000..51aff47
--- /dev/null
+++ b/src/components/Main/BreadCrumb/BreadCreumb.tsx
@@ -0,0 +1,26 @@
+import React from "react";
+import { IconLink } from "../../utils/IconLink";
+import { ListItem } from "../../utils/ListItem";
+import homeIcon from "./assets/svgs/home.svg"
+import arrowRight from "./assets/svgs/arrow-right.svg"
+
+export const BreadCrumb = () => {
+    return (
+        <nav>
+            <ul>
+                <li>
+                    <a href="/">
+                        <img src={homeIcon} alt="Icone de home" />
+                    </a>
+                </li>
+                <li>
+                    <img src={homeIcon} alt="Icone de home" />
+                </li>
+                <li>
+                    <img src={homeIcon} alt="Icone de home" />
+                </li>
+
+            </ul>
+        </nav>
+    );
+}
\ No newline at end of file
diff --git a/src/components/Main/BreadCrumb/BreadCrumb.module.scss b/src/components/Main/BreadCrumb/BreadCrumb.module.scss
new file mode 100644
index 0000000..e69de29
diff --git a/src/components/Main/BreadCrumb/assets/svgs/arrow-right.svg b/src/components/Main/BreadCrumb/assets/svgs/arrow-right.svg
new file mode 100644
index 0000000..a8a0fcc
--- /dev/null
+++ b/src/components/Main/BreadCrumb/assets/svgs/arrow-right.svg
@@ -0,0 +1,10 @@
+<svg width="8" height="8" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1_310)">
+<path d="M6.11608 3.60396L2.6762 0.164193C2.45738 -0.0547314 2.10261 -0.0547314 1.8839 0.164193C1.66517 0.382921 1.66517 0.737679 1.8839 0.95639L4.92766 4.00006L1.88398 7.04362C1.66525 7.26244 1.66525 7.61716 1.88398 7.83589C2.10271 8.0547 2.45747 8.0547 2.67629 7.83589L6.11617 4.39607C6.22553 4.28665 6.28015 4.1434 6.28015 4.00008C6.28015 3.85668 6.22543 3.71332 6.11608 3.60396Z" fill="#C4C4C4"/>
+</g>
+<defs>
+<clipPath id="clip0_1_310">
+<rect width="8" height="8" fill="white" transform="matrix(1 0 0 -1 0 8)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/src/components/Main/BreadCrumb/assets/svgs/home.svg b/src/components/Main/BreadCrumb/assets/svgs/home.svg
new file mode 100644
index 0000000..898d772
--- /dev/null
+++ b/src/components/Main/BreadCrumb/assets/svgs/home.svg
@@ -0,0 +1,10 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1_306)">
+<path d="M15.8326 7.59562L14.6903 6.4533L8.40431 0.167326C8.18118 -0.0557753 7.81942 -0.0557753 7.59628 0.167326L1.31028 6.4533L0.167381 7.59623C-0.0518699 7.82324 -0.0456085 8.185 0.18141 8.40425C0.402871 8.61814 0.753946 8.61814 0.975407 8.40425L1.14226 8.23623V15.4285C1.14226 15.7442 1.3981 16 1.71372 16H14.2857C14.6013 16 14.8572 15.7442 14.8572 15.4285V8.23623L15.0246 8.40368C15.2516 8.62293 15.6134 8.61664 15.8326 8.38965C16.0465 8.16819 16.0465 7.81708 15.8326 7.59562ZM9.71409 14.8571H6.28537V10.2855H9.71409V14.8571ZM13.7142 14.8571H10.857V9.71403C10.857 9.39841 10.6011 9.14256 10.2855 9.14256H5.7139C5.39829 9.14256 5.14244 9.39841 5.14244 9.71403V14.8571H2.28518V7.09334L7.99969 1.3788L13.7142 7.09334V14.8571Z" fill="#C4C4C4"/>
+</g>
+<defs>
+<clipPath id="clip0_1_306">
+<rect width="16" height="16" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/src/components/Main/Main.module.scss b/src/components/Main/Main.module.scss
new file mode 100644
index 0000000..e69de29
diff --git a/src/components/Main/Main.tsx b/src/components/Main/Main.tsx
new file mode 100644
index 0000000..c5845e0
--- /dev/null
+++ b/src/components/Main/Main.tsx
@@ -0,0 +1,8 @@
+import React from "react";
+
+
+export const Main = () => {
+    return (
+        <div></div>
+    );
+}
\ No newline at end of file