pixies

1import "./styles.sass";
2import BorderAnimation from "@/common/components/BorderAnimation";
3
4export const StatisticContainer = (props) => {
5    const showAnimation = props.running && !props.expanded;
6
7    return (
8        <div className={"stats-container" + (props.size ? " container-" + props.size : "") + (showAnimation ? " container-running" : "")} onClick={props.onClick}>
9            {showAnimation && <BorderAnimation />}
10            <div className="stats-header">
11                {props.title}
12            </div>
13            <div className={"stats-content " + (props.center ?" container-center" : "")}>
14                {props.children}
15            </div>
16        </div>
17    );
18}