summaryrefslogtreecommitdiffstats
path: root/src/components/molecules/layout/modal.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/molecules/layout/modal.tsx')
-rw-r--r--src/components/molecules/layout/modal.tsx48
1 files changed, 0 insertions, 48 deletions
diff --git a/src/components/molecules/layout/modal.tsx b/src/components/molecules/layout/modal.tsx
deleted file mode 100644
index 4dc3b0a..0000000
--- a/src/components/molecules/layout/modal.tsx
+++ /dev/null
@@ -1,48 +0,0 @@
-import Heading from '@components/atoms/headings/heading';
-import dynamic from 'next/dynamic';
-import { FC, ReactNode } from 'react';
-import styles from './modal.module.scss';
-
-export type Icons = 'cogs' | 'search';
-
-export type ModalProps = {
- icon?: Icons;
- title?: string;
-};
-
-const CogIcon = dynamic<ReactNode>(() => import('@components/atoms/icons/cog'));
-const SearchIcon = dynamic<ReactNode>(
- () => import('@components/atoms/icons/magnifying-glass')
-);
-
-/**
- * Modal component
- *
- * Render a modal component with an optional title and icon.
- */
-const Modal: FC<ModalProps> = ({ children, icon, title }) => {
- const getIcon = (id: Icons) => {
- switch (id) {
- case 'cogs':
- return <CogIcon />;
- case 'search':
- return <SearchIcon />;
- default:
- return <></>;
- }
- };
-
- return (
- <div className={styles.wrapper}>
- {title && (
- <Heading isFake={true} level={3}>
- {icon && <span className={styles.icon}>{getIcon(icon)}</span>}
- {title}
- </Heading>
- )}
- {children}
- </div>
- );
-};
-
-export default Modal;