text: import React, { PureComponent } from 'react';
  import { connect } from 'react-redux';
  import styled, { withTheme } from 'styled-components';
  import Bars from './Bars.js';
  
  const Svg = styled.svg`
    display: block;
    width: ${({ theme }) => theme.width}px;
    height: ${({ theme }) => theme.height}px;
  `
  
  const Rect = styled.rect`
    stroke: black;
    stroke-width: 0.5;
    fill: none;
  `
  
  class BarChart extends PureComponent {
    render() {
      const { theme: { width, height }, values, isPercentage } = this.props;
      return (
        <Svg width={width} height={height}>
          <Rect x={0} y={0} width={width} height={height} />
          <Bars values={values} isPercentage={isPercentage}
            w={width} h={height} />
        </Svg>
      );
    }
  } // BarChart
  
  export default withTheme(connect(
    ({ isPercentage }) => ({ isPercentage })
  )(BarChart));
  