mirror of
https://github.com/yldio/copilot.git
synced 2024-09-22 14:23:50 +03:00
55 lines
1017 B
JavaScript
55 lines
1017 B
JavaScript
const classNames = require('classnames');
|
|
const React = require('react');
|
|
const styles = require('./style.css');
|
|
const Icon = require('../icon');
|
|
|
|
const Notificaton = ({
|
|
children,
|
|
className,
|
|
style,
|
|
type = '',
|
|
icon = ''
|
|
}) => {
|
|
|
|
const cn = classNames(
|
|
className,
|
|
styles[`notification__${type}`],
|
|
styles.notification
|
|
);
|
|
|
|
const iconClass = classNames(
|
|
className,
|
|
styles.notification__icon,
|
|
styles[`notification__icon--${type}`]
|
|
);
|
|
|
|
return (
|
|
<div
|
|
className={cn}
|
|
style={style}
|
|
type={type}
|
|
>
|
|
{ icon ? (
|
|
<Icon
|
|
className={iconClass}
|
|
iconSet="fa"
|
|
name={icon}
|
|
/>
|
|
) : null }
|
|
<div className={styles.notification__content}>
|
|
{children}
|
|
</div>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
Notificaton.propTypes = {
|
|
children: React.PropTypes.object,
|
|
className: React.PropTypes.str,
|
|
icon: React.PropTypes.str,
|
|
style: React.PropTypes.object,
|
|
type: React.PropTypes.str
|
|
};
|
|
|
|
module.exports = Notificaton;
|