import React, { Component } from 'react';

import ActivityIndicator from './ActivityIndicator';

require('./SummaryPanel.scss');


export default ({ title, pending, content, description, className }) => {
    return (
        <div className={ `summary-panel ${ className || ""}` }>
            <div className="title">{ title }</div>
            { pending ? null : <div className="value">{ content }</div> }
            <div className="description">{ description }</div>
            <ActivityIndicator show={ pending } type="overlay" size="normal" />
        </div>
    );
}