/* @flow */

import React, { Component } from 'react';

declare var config: Object;

/**
 * Notice react component.
 *
 * @class Notice
 */
export default class Notice extends Component<*, *> {
    state: Object;

    /**
     * Constructor of Notice component.
     *
     * @param {Object} props - The read-only React Component props with which
     * the new instance is to be initialized.
     */
    constructor(props: Object) {
        super(props);

        const { noticeMessage } = config;

        this.state = {
            /**
             * Message to be shown in notice component.
             *
             * @type {string}
             */
            noticeMessage
        };
    }

    /**
     * Implements React's {@link Component#render()}.
     *
     * @inheritdoc
     * @returns {ReactElement}
     */
    render() {
        const { noticeMessage } = this.state;

        if (!noticeMessage) {
            return null;
        }

        return (
            <div className = 'notice'>
                <span className = 'notice__message' >
                    { noticeMessage }
                </span>
            </div>
        );
    }
}