import React from 'react';
import { Card } from '../../../components';
import Chart from './chart';
import TableView from './table-view';

/**
 * Display an indicator inside a card view
 */
export default class IndicatorView extends React.Component {

    render() {
        const ind = this.props.indicator;
        const schema = ind.schema;
        const series = ind.selectedSeries();

        return React.createElement(
            Card,
            { title: schema.title },
            React.createElement(Chart, { series: series, type: schema.chart }),
            React.createElement(TableView, { indicator: ind })
        );
    }
}

IndicatorView.propTypes = {
    indicator: React.PropTypes.object.isRequired
};