refactor: use storybook and atomic design (#16)

BREAKING CHANGE: rewrite most of the Typescript types, so the content format (the meta in particular) needs to be updated.

1 files changed, 0 insertions, 42 deletions

diff --git a/src/components/Buttons/ButtonHelp/ButtonHelp.tsx b/src/components/Buttons/ButtonHelp/ButtonHelp.tsx
deleted file mode 100644
index 2616a8f..0000000
--- a/src/components/Buttons/ButtonHelp/ButtonHelp.tsx
+++ /dev/null
@@ -1,42 +0,0 @@
-import { SetStateAction } from 'react';
-import { useIntl } from 'react-intl';
-import styles from './ButtonHelp.module.scss';
-
-const ButtonHelp = ({
-  showHelp,
-  setShowHelp,
-  title,
-}: {
-  showHelp: boolean;
-  setShowHelp: (value: SetStateAction<boolean>) => void;
-  title?: string;
-}) => {
-  const intl = useIntl();
-
-  const handleClick = () => {
-    setShowHelp((prev) => !prev);
-  };
-
-  const activeModifier = showHelp ? styles.active : '';
-
-  return (
-    <button
-      onClick={handleClick}
-      title={title}
-      className={`${styles.wrapper} ${activeModifier}`}
-    >
-      <span className={styles.icon} aria-hidden="true">
-        ?
-      </span>
-      <span className="screen-reader-text">
-        {intl.formatMessage({
-          defaultMessage: 'Help',
-          description: 'ButtonHelp: screen reader text',
-          id: 'oPf+XA',
-        })}
-      </span>
-    </button>
-  );
-};
-
-export default ButtonHelp;