text: import React from 'react';
  import {  
      PieChart, 
      Pie,
      Cell
  } from 'recharts';
  
  import colors from '../../../colors';
  
  const data = [
      {name: 'Group A', value: 200},
      {name: 'Group B', value: 200},
      {name: 'Group C', value: 300}
  ];
  
  const COLORS = [ colors['primary'], colors['info'], colors['purple'], colors['yellow']];
  
  const TinyDonutChartAllProjects = () => (
      <PieChart width={ 80 } height={ 80 }>
          <Pie
              data={data}
              dataKey="value"
              stroke={ colors['white'] }
              innerRadius={ 26 }
              outerRadius={ 35 } 
              fill="#8884d8"
          >
              {
                  data.map((entry, index) => <Cell key={ index } fill={COLORS[index % COLORS.length]} />)
              }
          </Pie>
      </PieChart>
  );
  
  export { TinyDonutChartAllProjects };
  