@@ -12,7 +12,20 @@ import classnames from 'classnames'
12
12
*/
13
13
14
14
const BannerMessage = props => {
15
- const { className, button, closed, header, icon, children, info, warning, error, success, onCloseClicked, ...rest } = props
15
+ const {
16
+ className,
17
+ button,
18
+ closed,
19
+ header,
20
+ icon,
21
+ children,
22
+ info,
23
+ warning,
24
+ error,
25
+ success,
26
+ onCloseClicked,
27
+ ...rest
28
+ } = props
16
29
const forceInfo = ! info && ! warning && ! error && ! success
17
30
18
31
function getOneDismissElement ( ) {
@@ -42,28 +55,27 @@ const BannerMessage = props => {
42
55
< BannerMessageHeader > { headerContent } </ BannerMessageHeader >
43
56
)
44
57
const alertIcon = (
45
- < i className = { classnames ( 'banner-message__alert' , {
46
- 'icon_check_alt2' : success ,
47
- 'ei icon_info_alt' : info || forceInfo ,
48
- 'ei icon_error-triangle_alt' : warning ,
49
- 'ei icon_error-circle_alt' : error
50
- } ) } />
58
+ < i
59
+ className = { classnames ( 'banner-message__alert' , {
60
+ icon_check_alt2 : success ,
61
+ 'ei icon_info_alt' : info || forceInfo ,
62
+ 'ei icon_error-triangle_alt' : warning ,
63
+ 'ei icon_error-circle_alt' : error
64
+ } ) }
65
+ />
51
66
)
52
67
const DismissElement = getOneDismissElement ( )
53
68
54
69
return (
55
70
< div className = { classnames ( 'banner-message__wrapper' , className ) } >
56
71
< div
57
- className = { classnames (
58
- 'banner-message' ,
59
- {
60
- info : info || forceInfo ,
61
- success,
62
- error,
63
- warning,
64
- closed
65
- }
66
- ) }
72
+ className = { classnames ( 'banner-message' , {
73
+ info : info || forceInfo ,
74
+ success,
75
+ error,
76
+ warning,
77
+ closed
78
+ } ) }
67
79
{ ...rest }
68
80
>
69
81
{ alertIcon }
0 commit comments