diff options
| author | Rafi Zadanly <zadanlyr@gmail.com> | 2023-02-20 14:20:44 +0700 |
|---|---|---|
| committer | Rafi Zadanly <zadanlyr@gmail.com> | 2023-02-20 14:20:44 +0700 |
| commit | e33a330786ffbfcd774de00dc697c6dff47faf27 (patch) | |
| tree | cd35ce2a36c37cd8c6e991862f929d83dcd45464 /src/core/components/elements/Alert/Alert.jsx | |
| parent | fdefe7cfe899125a9bd553b542976eed0de919c1 (diff) | |
fix
Diffstat (limited to 'src/core/components/elements/Alert/Alert.jsx')
| -rw-r--r-- | src/core/components/elements/Alert/Alert.jsx | 21 |
1 files changed, 21 insertions, 0 deletions
diff --git a/src/core/components/elements/Alert/Alert.jsx b/src/core/components/elements/Alert/Alert.jsx new file mode 100644 index 00000000..3f5584b9 --- /dev/null +++ b/src/core/components/elements/Alert/Alert.jsx @@ -0,0 +1,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
\ No newline at end of file |
