import React from "react";
import PropTypes from 'prop-types';
import ClassNames from 'classnames';
import Translate from "Components/Translate";
import Icon from "Components/Icon";
import './styles.scss';

function SucessLabel(props) {
    const successLabelClasses = ClassNames("SuccessLabel", {
        SuccessLabel_fade: !props.show,
    });
    return (
        <div className={successLabelClasses}>
            <Icon
                name="check"
                color="white"
                size="small"
                classNames="SuccessLabel__icon"/>
            <span className="SuccessLabel__message">
                <Translate tag={props.message}/>
            </span>
        </div>
    );
}

SucessLabel.propTypes = {
    message: PropTypes.string,
    show: PropTypes.bool,
};

SucessLabel.defaultProps = {
    message: 'success-label_default-message',
    show: true,
};

export default SucessLabel;