blob: 3f5584b9e85beb520d7e96d800c74f7f4a6c98ff (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
|
const Alert = ({ children, className, type }) => {
let typeClass = ''
switch (type) {
case 'info':
typeClass = 'bg-blue-100 text-blue-900 border-blue-400'
break
case 'success':
typeClass = 'bg-green-100 text-green-900 border-green-400'
break
case 'warning':
typeClass = 'bg-yellow-100 text-yellow-900 border-yellow-400'
break
}
return (
<div className={`rounded-md w-full text-medium p-3 border ${typeClass} ${className}`}>
{children}
</div>
)
}
export default Alert
|
