import React from 'react';

import { Icon, classnames } from '../../index';

interface Props {
    children: React.ReactNode;
    className?: string;
    onClose?: () => void;
}

const TopBanner = ({ children, className, onClose }: Props) => {
    return (
        <div className={classnames(['aligncenter p0-5 relative bold', className])}>
            {children}
            {onClose ? (
                <button type="button" className="right" onClick={onClose}>
                    <Icon name="off" />
                </button>
            ) : null}
        </div>
    );
};

export default TopBanner;

import React from 'react';

import { Icon, classnames } from '../../index';

interface Props {
    children: React.ReactNode;
    className?: string;
    onClose?: () => void;
}

const TopBanner = ({ children, className, onClose }: Props) => {
    return (
        <div className={classnames(['aligncenter p0-5 relative', className])}>
            {children}
            {onClose ? (
                <button type="button" className="right" onClick={onClose}>
                    <Icon name="off" />
                </button>
            ) : null}
        </div>
    );
};

export default TopBanner;

--- 
+++ 
@@ -10,7 +10,7 @@
 
 const TopBanner = ({ children, className, onClose }: Props) => {
     return (
-        <div className={classnames(['aligncenter p0-5 relative', className])}>
+        <div className={classnames(['aligncenter p0-5 relative bold', className])}>
             {children}
             {onClose ? (
                 <button type="button" className="right" onClick={onClose}>
[MAILWEB-930] Use bold font in top banners
