import React from "react";
import controlOnIcon from './constrolOnIcon.svg';
import controlOffIcon from './constrolOffIcon.svg';
import './pushMessage.css';

type TProps = {
    textMessage: string
    typeMessage: 'controlOn' | 'controlOff'
}

export const PushMessage:React.FC<TProps> = React.memo((props) => {
    return <div className="push-message-container">
        <span className={`push-message-icon ${props.typeMessage}`}></span>
        <div className="push-message-text-container">
            <span className="push-message-title">Уведомление</span>
            <span className="push-message-message-text">{props.textMessage}</span>
        </div>
    </div>
})