import { useStore } from "@/store";

import styles from "./styles.module.scss";

export const Message = (props: any) => {
  const showDebugMessage = useStore.use.showDebugMessage();

  if (showDebugMessage)
    return (
      <div className={styles.debugMessage}>
        <span>
          {JSON.stringify(
            {
              ...props,
            },
            null,
            2,
          )}
        </span>
      </div>
    );
};