How to create a component like materia ui on styled-components?

Question

React

How can you create similar props like materia ui?
It is necessary that the button accepts a color prop with several values ​​​​like in mui

'default'
| 'inherit'
| 'primary'
| 'secondary'

<Button variant="contained" color="primary">
  Primary
</Button>

Answer 1

https://codesandbox.io/s/qna-q1011351-nh8j1