import PropTypes from 'prop-types';
import React from 'react';

export const Announcement = ({ onClose }) => (
    <div className="annoucement-banner">
        <p className="announcement-banner__text">
            Communities are live!{' '}
            <a
                className="announcement-banner__link"
                href="https://steemit.com/steemit/@steemitblog/communities-have-arrived"
            >
                Read more
            </a>
            .
        </p>
        <button className="close-button" type="button" onClick={onClose}>
            &times;
        </button>
    </div>
);

Announcement.propTypes = {
    onClose: PropTypes.func.isRequired,
};

export default Announcement;
