Default MozartButtonRadio:
```js
<MozartButtonRadio
	data = {{
	  access: { name: 'Access', selected: false, color: '#000' },
	  noneclinical: { name: 'Non-Clinical Staff', selected: false, color: '#000' },
	  clinical: { name: 'Clinical Staff', selected: false, color: '#000' },
	  providers: { name: 'Providers', selected: false, color: '#000' }
	}}
	onSelect={(data, selected) => { console.log(data, selected); }}
/>
```

MozartButtonRadio with limit selection (3):
```js
initialState = {
  selected: 'access',
  data: 'access'
};
<div>
  <pre>Selected: {JSON.stringify(state.data)}</pre>
  <MozartButtonRadio
    limit={3}
    data = {{
      access: { name: 'Access', selected: state.selected === 'access', color: '#000' },
      noneclinical: { name: 'Non-Clinical Staff', selected: state.selected === 'noneclinical', color: '#000' },
      clinical: { name: 'Clinical Staff', selected: state.selected === 'clinical', color: '#000' },
      providers: { name: 'Providers', selected: state.selected === 'providers', color: '#000' }
    }}
    onSelect={(data, selected) => {
      setState({ selected: selected, data: data });
    }}
  />
</div>
```

Set MozartButtonRadio and custom style:
```js
initialState = {
  selected: 'positive',
  data: 'positive'
};
const data = {
  positive: { name: 'Positive', selected: state.selected === 'positive', color: '#47B300' },
  negative: { name: 'Negative', selected: state.selected === 'negative', color: '#D0021B' },
  neutral: { name: 'Neutral', selected: state.selected === 'neutral', color: '#979797' },
  mixed: { name: 'Mixed', selected: state.selected === 'mixed', color: '#4A90E2' }
};
<div>
  <pre>Selected: {JSON.stringify(state.data)}</pre>
  <MozartButtonRadio
    radioStyle={{minWidth: '10em'}}
    textStyle={{fontSize: '12px'}}
    data = {data}
    onSelect={(data, selected) => {
      setState({ selected: selected, data: data });
    }}
  />
</div>
```