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, 72 deletions

diff --git a/src/components/Buttons/ButtonToolbar/ButtonToolbar.tsx b/src/components/Buttons/ButtonToolbar/ButtonToolbar.tsx
deleted file mode 100644
index 7ceb70d..0000000
--- a/src/components/Buttons/ButtonToolbar/ButtonToolbar.tsx
+++ /dev/null
@@ -1,72 +0,0 @@
-import { CloseIcon, CogIcon, SearchIcon } from '@components/Icons';
-import { ForwardedRef, forwardRef, SetStateAction } from 'react';
-import { useIntl } from 'react-intl';
-import styles from '../Buttons.module.scss';
-
-type ButtonType = 'search' | 'settings';
-
-const ButtonToolbar = (
-  {
-    type,
-    isActivated,
-    setIsActivated,
-  }: {
-    type: ButtonType;
-    isActivated: boolean;
-    setIsActivated: (value: SetStateAction<boolean>) => void;
-  },
-  ref: ForwardedRef<HTMLButtonElement>
-) => {
-  const intl = useIntl();
-  const ButtonIcon = () => (type === 'search' ? <SearchIcon /> : <CogIcon />);
-  const btnClasses = isActivated
-    ? `${styles.toolbar} ${styles['toolbar--activated']}`
-    : styles.toolbar;
-
-  return (
-    <button
-      ref={ref}
-      className={btnClasses}
-      type="button"
-      onClick={() => setIsActivated(!isActivated)}
-    >
-      <span className={styles.icon}>
-        <span className={styles.front}>
-          <ButtonIcon />
-        </span>
-        <span className={styles.back}>
-          <CloseIcon />
-        </span>
-      </span>
-      {isActivated ? (
-        <span className="screen-reader-text">
-          {intl.formatMessage(
-            {
-              defaultMessage: 'Close {type}',
-              description: 'ButtonToolbar: Close button',
-              id: 'SWq8a4',
-            },
-            {
-              type,
-            }
-          )}
-        </span>
-      ) : (
-        <span className="screen-reader-text">
-          {intl.formatMessage(
-            {
-              defaultMessage: 'Open {type}',
-              description: 'ButtonToolbar: Open button',
-              id: 'Z1eSIz',
-            },
-            {
-              type,
-            }
-          )}
-        </span>
-      )}
-    </button>
-  );
-};
-
-export default forwardRef(ButtonToolbar);