From 45335042c91c6bf5aa736658c461d54f96a6e0f2 Mon Sep 17 00:00:00 2001
From: Armand Philippot <git@armandphilippot.com>
Date: Mon, 13 Dec 2021 12:03:16 +0100
Subject: chore: add Copyright component

---
 src/components/Copyright/Copyright.module.scss | 15 +++++++++++++++
 src/components/Copyright/Copyright.tsx         | 17 +++++++++++++++++
 2 files changed, 32 insertions(+)
 create mode 100644 src/components/Copyright/Copyright.module.scss
 create mode 100644 src/components/Copyright/Copyright.tsx

(limited to 'src/components')

diff --git a/src/components/Copyright/Copyright.module.scss b/src/components/Copyright/Copyright.module.scss
new file mode 100644
index 0000000..244d507
--- /dev/null
+++ b/src/components/Copyright/Copyright.module.scss
@@ -0,0 +1,15 @@
+@use "@styles/abstracts/functions" as fun;
+
+.wrapper {
+  display: flex;
+  flex-flow: row nowrap;
+  align-items: center;
+  gap: var(--spacing-2xs);
+  margin: 0;
+  font-family: var(--font-family-secondary);
+  font-size: var(--font-size-sm);
+}
+
+.icon {
+  height: fun.convert-px(20);
+}
diff --git a/src/components/Copyright/Copyright.tsx b/src/components/Copyright/Copyright.tsx
new file mode 100644
index 0000000..0dc6247
--- /dev/null
+++ b/src/components/Copyright/Copyright.tsx
@@ -0,0 +1,17 @@
+import CopyrightIcon from '@assets/images/cc-by-sa.svg';
+import { config } from '@config/website';
+import styles from './Copyright.module.scss';
+
+const Copyright = () => {
+  return (
+    <p className={styles.wrapper}>
+      <span>{config.name}</span>
+      <CopyrightIcon className={styles.icon} />
+      <span>
+        {config.copyright.startYear} - {config.copyright.endYear}
+      </span>
+    </p>
+  );
+};
+
+export default Copyright;
-- 
cgit v1.2.3