| 1 |
export default function Button( props ) { |
| 2 |
const { buttonSettings, type } = props; |
| 3 |
|
| 4 |
let buttonClasses = 'e-onboarding__button'; |
| 5 |
|
| 6 |
if ( type ) { |
| 7 |
buttonClasses += ` e-onboarding__button-${ type }`; |
| 8 |
} |
| 9 |
|
| 10 |
if ( buttonSettings.className ) { |
| 11 |
buttonSettings.className += ' ' + buttonClasses; |
| 12 |
} else { |
| 13 |
buttonSettings.className = buttonClasses; |
| 14 |
} |
| 15 |
|
| 16 |
if ( buttonSettings.href ) { |
| 17 |
return <a { ...buttonSettings }>{ buttonSettings.text }</a>; |
| 18 |
} |
| 19 |
|
| 20 |
return <div { ...buttonSettings }>{ buttonSettings.text }</div>; |
| 21 |
} |
| 22 |
|
| 23 |
Button.propTypes = { |
| 24 |
buttonSettings: PropTypes.object.isRequired, |
| 25 |
type: PropTypes.string, |
| 26 |
}; |
| 27 |
|
