export default function Button( props ) {
	const { buttonSettings, type } = props;

	let buttonClasses = 'e-onboarding__button';

	if ( type ) {
		buttonClasses += ` e-onboarding__button-${ type }`;
	}

	if ( buttonSettings.className ) {
		buttonSettings.className += ' ' + buttonClasses;
	} else {
		buttonSettings.className = buttonClasses;
	}

	if ( buttonSettings.href ) {
		return <a { ...buttonSettings }>{ buttonSettings.text }</a>;
	}

	return <div { ...buttonSettings }>{ buttonSettings.text }</div>;
}

Button.propTypes = {
	buttonSettings: PropTypes.object.isRequired,
	type: PropTypes.string,
};