{"size": 857, "ext": "js", "max_stars_repo_path": "shared/game/battle/player-bar/player-bar.js", "max_stars_repo_name": "evgmsk/wiz-battles-ssr", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "shared/game/battle/player-bar/player-bar.js", "max_issues_repo_name": "evgmsk/wiz-battles-ssr", "max_issues_repo_issues_event_min_datetime": "2019-11-25T12:49:36.000Z", "max_issues_repo_issues_event_max_datetime": "2022-02-26T10:29:19.000Z", "max_forks_repo_path": "shared/game/battle/player-bar/player-bar.js", "max_forks_repo_name": "evgmsk/wiz-battles-ssr", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": 10, "max_forks_count": null, "avg_line_length": 31.7407407407, "max_line_length": 90, "alphanum_fraction": 0.5985997666}
/**
 * project WizBattle
 */
import React from 'react';
import HealBar from './health-bar';
import ExperienceBar from './experience-bar';
import './player-bar.scss';

const BattlePanel = props => {
    // console.log(props);
    const onAnimation = props.onTransitionEnd;
    const barName = props.className.split('-')[0];
    return (
        <div className={props.className} onTransitionEnd={(e) => onAnimation(e, barName)}>
            <div className="bar-image">{props.image}</div>
            <div className="bar-name">{props.name}</div>
            <div className="bar-indicators">
                <HealBar health={props.health} />
                <ExperienceBar experience={props.experience} />
            </div>
            <div className="bar-level"><p> Уровень </p><p>{props.level}</p></div>
        </div>
    );
};

export default BattlePanel;
