34 lines
781 B
TypeScript
34 lines
781 B
TypeScript
import React from 'react'
|
|
|
|
import classes from './index.module.scss'
|
|
|
|
export const Message: React.FC<{
|
|
message?: React.ReactNode
|
|
error?: React.ReactNode
|
|
success?: React.ReactNode
|
|
warning?: React.ReactNode
|
|
className?: string
|
|
}> = ({ message, error, success, warning, className }) => {
|
|
const messageToRender = message || error || success || warning
|
|
|
|
if (messageToRender) {
|
|
return (
|
|
<div
|
|
className={[
|
|
classes.message,
|
|
className,
|
|
error && classes.error,
|
|
success && classes.success,
|
|
warning && classes.warning,
|
|
!error && !success && !warning && classes.default,
|
|
]
|
|
.filter(Boolean)
|
|
.join(' ')}
|
|
>
|
|
{messageToRender}
|
|
</div>
|
|
)
|
|
}
|
|
return null
|
|
}
|