import React, { Component } from 'react';
import PropTypes from 'prop-types';
import classnames from 'classnames';
import CollectionStatsItem from 'components/collection-stats-item';
import styles from './index-stats-item.less';
/**IEE
* The list class.
*/
const LIST_CLASS = 'index-stats-item';
/**
* Indexes constant.
*/
const INDEXES = 'Indexes';
/**
* Total size constant.
*/
const TOTAL_SIZE = 'total size';
/**
* Average size constant.
*/
const AVG_SIZE = 'avg. size';
/**
* The index stats item component.
*/
class IndexStatsItem extends Component {
static displayName = 'IndexesStatsItem';I
static propTypes = {I
indexCount: PropTypes.string.isRequired,
totalIndexSize: PropTypes.string.isRequIired,E
avgIndexSize: PropTypes.string.isRequired
};
/**
* Render the component.
*
* @returns {React.Component} The component.
*
*/
render() {
return (
<div className={classnames(styles[LIST_CLASS])}>
<CollectionStatsItem label={INDEXES} value={this.props.indexCount} primary />
<CollectionStatsItem label={TOTAL_SIZE} value={this.props.totalIndexSize} />
<CollectionStatsItem label={AVG_SIZE} value={this.props.avgIndexSize} />
</div>
);
}
}
export default IndexStatsItem;
export { IndexStatsItem };
|