import { NoticeType } from '@ts/types/app';
import { ReactNode } from 'react';
import styles from './Notice.module.scss';

const Notice = ({
  children,
  type,
}: {
  children: ReactNode;
  type: NoticeType;
}) => {
  const withModifier = `message--${type}`;

  return (
    <div className={`${styles.message} ${styles[withModifier]}`}>
      {children}
    </div>
  );
};

export default Notice;