Donut with multiple percentages
```js
<Donut style={{
    width: '100px',
    height: '100px'
}} percents={[{
    percent: 20,
    color: colors.primary
},
{
    percent: 30,
    color: colors.secondary
},
{
    percent: 50,
    color: colors.primaryLight
}]} />
```
Donut with one percentage and a node in the middle
```js
<Donut style={{
    width: '200px',
    height: '200px'
}} percents={[{
    percent: 20,
    color: colors.primary
}]} ><div style={{
	position: 'absolute',
	textAlign: 'center',
	width: '100%',
	fontSize: '40px',
	top: '65px'
}}>10/30</div></Donut>
```