From d17d894f398650209c0ddd29502308de8c07bd93 Mon Sep 17 00:00:00 2001
From: Armand Philippot <git@armandphilippot.com>
Date: Wed, 27 Sep 2023 18:43:25 +0200
Subject: feat(components): add Article, Aside, Footer, Header, Main & Nav

Some components have been renamed to be able to create Footer, Header
and Nav.
---
 src/components/atoms/sidebar/sidebar.tsx | 22 ++++++++++++++++++++++
 1 file changed, 22 insertions(+)
 create mode 100644 src/components/atoms/sidebar/sidebar.tsx

(limited to 'src/components/atoms/sidebar/sidebar.tsx')

diff --git a/src/components/atoms/sidebar/sidebar.tsx b/src/components/atoms/sidebar/sidebar.tsx
new file mode 100644
index 0000000..2ee53c6
--- /dev/null
+++ b/src/components/atoms/sidebar/sidebar.tsx
@@ -0,0 +1,22 @@
+import type { FC } from 'react';
+import { Aside, type AsideProps } from '../layout';
+import styles from './sidebar.module.scss';
+
+export type SidebarProps = AsideProps;
+
+/**
+ * Sidebar component
+ */
+export const Sidebar: FC<SidebarProps> = ({
+  children,
+  className = '',
+  ...props
+}) => {
+  const sidebarClass = `${styles.wrapper} ${className}`;
+
+  return (
+    <Aside {...props} className={sidebarClass}>
+      <div className={styles.body}>{children}</div>
+    </Aside>
+  );
+};
-- 
cgit v1.2.3

