updated NotificationBadge component
This commit is contained in:
parent
7b0aa7b770
commit
9e9ea41bdd
5 changed files with 23 additions and 30 deletions
|
|
@ -4,25 +4,26 @@ import './NotificationBadge.scss';
|
|||
|
||||
import Text from '../text/Text';
|
||||
|
||||
function NotificationBadge({ alert, children }) {
|
||||
function NotificationBadge({ alert, content }) {
|
||||
const notificationClass = alert ? ' notification-badge--alert' : '';
|
||||
return (
|
||||
<div className={`notification-badge${notificationClass}`}>
|
||||
<Text variant="b3">{children}</Text>
|
||||
{content && <Text variant="b3">{content}</Text>}
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
NotificationBadge.defaultProps = {
|
||||
alert: false,
|
||||
content: null,
|
||||
};
|
||||
|
||||
NotificationBadge.propTypes = {
|
||||
alert: PropTypes.bool,
|
||||
children: PropTypes.oneOfType([
|
||||
content: PropTypes.oneOfType([
|
||||
PropTypes.string,
|
||||
PropTypes.number,
|
||||
]).isRequired,
|
||||
]),
|
||||
};
|
||||
|
||||
export default NotificationBadge;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue