diff options
Diffstat (limited to 'src/components/Notice')
| -rw-r--r-- | src/components/Notice/Notice.module.scss | 28 | ||||
| -rw-r--r-- | src/components/Notice/Notice.tsx | 21 |
2 files changed, 0 insertions, 49 deletions
diff --git a/src/components/Notice/Notice.module.scss b/src/components/Notice/Notice.module.scss deleted file mode 100644 index aa7175c..0000000 --- a/src/components/Notice/Notice.module.scss +++ /dev/null @@ -1,28 +0,0 @@ -@use "@styles/abstracts/functions" as fun; - -.message { - border: fun.convert-px(2) solid; - font-weight: bold; - margin: var(--spacing-sm) auto; - padding: var(--spacing-2xs) var(--spacing-xs); - - &--error { - border-color: var(--color-token-red); - color: var(--color-token-red); - } - - &--info { - border-color: var(--color-token-blue); - color: var(--color-token-blue); - } - - &--success { - border-color: var(--color-token-green); - color: var(--color-token-green); - } - - &--warning { - border-color: var(--color-token-orange); - color: var(--color-token-orange); - } -} diff --git a/src/components/Notice/Notice.tsx b/src/components/Notice/Notice.tsx deleted file mode 100644 index 02b1f12..0000000 --- a/src/components/Notice/Notice.tsx +++ /dev/null @@ -1,21 +0,0 @@ -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; |
