aboutsummaryrefslogtreecommitdiffstats
path: root/src/components/Sidebar/Sidebar.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/Sidebar/Sidebar.tsx')
-rw-r--r--src/components/Sidebar/Sidebar.tsx40
1 files changed, 0 insertions, 40 deletions
diff --git a/src/components/Sidebar/Sidebar.tsx b/src/components/Sidebar/Sidebar.tsx
deleted file mode 100644
index 9e2079d..0000000
--- a/src/components/Sidebar/Sidebar.tsx
+++ /dev/null
@@ -1,40 +0,0 @@
-import { Children, cloneElement, isValidElement, ReactNode } from 'react';
-import styles from './Sidebar.module.scss';
-
-type SidebarPosition = 'left' | 'right';
-
-const Sidebar = ({
- children,
- position,
- ariaLabel,
- title,
-}: {
- children: ReactNode;
- position: SidebarPosition;
- ariaLabel?: string;
- title?: string;
-}) => {
- const childrenWithProps = Children.map(children, (child) => {
- if (isValidElement(child)) {
- return cloneElement(child, { titleLevel: title ? 3 : 2 });
- }
- return child;
- });
-
- const positionClass = `wrapper--${position}`;
-
- return (
- <aside
- className={`${styles.wrapper} ${styles[positionClass]}`}
- aria-label={ariaLabel}
- aria-labelledby={title ? `${position}-sidebar-title` : undefined}
- >
- <div className={styles.body}>
- {title && <h2 id={`${position}-sidebar-title`}>{title}</h2>}
- {childrenWithProps}
- </div>
- </aside>
- );
-};
-
-export default Sidebar;