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, 21 insertions, 0 deletions

diff --git a/src/components/atoms/layout/no-script.tsx b/src/components/atoms/layout/no-script.tsx
new file mode 100644
index 0000000..a503e0c
--- /dev/null
+++ b/src/components/atoms/layout/no-script.tsx
@@ -0,0 +1,21 @@
+import { FC } from 'react';
+import styles from './no-script.module.scss';
+
+export type NoScriptProps = {
+  /**
+   * The noscript message.
+   */
+  message: string;
+  /**
+   * The message position. Default: initial.
+   */
+  position?: 'initial' | 'top';
+};
+
+const NoScript: FC<NoScriptProps> = ({ message, position = 'initial' }) => {
+  const positionClass = styles[`noscript--${position}`];
+
+  return <div className={`${styles.noscript} ${positionClass}`}>{message}</div>;
+};
+
+export default NoScript;