/**
  * ValidateValuesTreemapHelp.jsx
  * Created by Kevin Li 6/20/16
  **/

import React from 'react';

const defaultProps = {
	rule: 'Unspecified',
	description: '',
	detail: null,
	count: 0,
	type: 'error'
};

export default class ValidateValuesTreemapHelp extends React.Component {
	render() {
		let detail = ' hide';
		if (this.props.detail) {
			detail = '';
		}
		return (
			<div className="usa-da-treemap-help-wrap">
				<div className="treemap-help-title">
					
				</div>
				<div className="treemap-help-description">
					<b>Field:</b> {this.props.field}<br />
					<b>{this.props.type}:</b> {this.props.description}<br />
					<b>Occurrences: </b>{this.props.count}
				</div>
				<div className={"treemap-help-detail" + detail}>
					<b>More information:</b><br />
					{this.props.detail}
				</div>
			</div>
		)
	}
}

ValidateValuesTreemapHelp.defaultProps = defaultProps;
/**
  * ValidateValuesTreemapHelp.jsx
  * Created by Kevin Li 6/20/16
  **/

import React from 'react';

const defaultProps = {
	rule: 'Unspecified',
	description: '',
	detail: null,
	count: 0,
	type: 'error'
};

export default class ValidateValuesTreemapHelp extends React.Component {
	render() {
		let detail = ' hide';
		if (this.props.detail) {
			detail = '';
		}
		return (
			<div className="usa-da-treemap-help-wrap">
				<div className="treemap-help-title hide">
					Rule {this.props.rule}
				</div>
				<div className="treemap-help-description">
					<b>Field:</b> {this.props.field}<br />
					<b>{this.props.type}:</b> {this.props.description}<br />
					<b>Occurrences: </b>{this.props.count}
				</div>
				<div className={"treemap-help-detail" + detail}>
					<b>More information:</b><br />
					{this.props.detail}
				</div>
			</div>
		)
	}
}

ValidateValuesTreemapHelp.defaultProps = defaultProps;
Hide header instead of remove
Hide header instead of remove
