import React, { Component } from 'react';

export default class ChartItem extends Component {
  static propTypes = {
    className: React.PropTypes.string,
    style: React.PropTypes.object,
  };

  static defaultProps = {
    className: '',
  };

  render() {
    const { className, style, title, subTitle } = this.props;

    return (
      <div className={`chart-item ${className}`} style={{ flex: 1, ...style }}>
        <p className="chart-title">{title}</p>
        <p className="chart-subtitle">{subTitle}</p>
        <div className="chart-content">{this.props.children}</div>
      </div>
    );
  }
}