```js
This component is using react-select library
const style={
  width: '200px'
};
const data = [
  {value: 1, id: 'newestOldest', text: 'Newest - Oldest'},
  {value: 2, id: 'oldestNewest', text: 'Oldest - Newest'},
  {value: 3, id: 'scoreAscending', text: 'Score Ascending'},
  {value: 4, id: 'scoreDescending', text: 'Score Descending'},
  {value: 5, id: 'nameAscending', text: 'Name Ascending'},
  {value: 6, id: 'nameDescending', text: 'Name Descending'},
  {value: 11, id: 'rating_asc', text: 'Rating Ascending'},
  {value: 12, id: 'rating_desc', text: 'Rating Descending'}
];
<div style={style}>
  <MozartSelectField
    data={data}
    onChange={(data) => {console.log(data);}} />
</div>
```