import * as React from 'react';

import SecondaryButton, {
	SecondaryButtonProps
} from '../../../containers/secondary-button/SecondaryButton';
import { buttonStyle } from './secondaryButtonOne.style';

class SecondaryButtonOne extends React.PureComponent<SecondaryButtonProps, {}> {
	render() {
		return (
			<SecondaryButton
				{...this.props}
				render={() => {
					return (
						<button
							data-automation={this.props.automationName}
							type="button"
							className={buttonStyle(this.props.withInput, this.props.palette)}
							onClick={this.props.onClick}
							data-gtm={this.props.gtmId}
						>
							{this.props.translator(this.props.text)}
						</button>
					);
				}}
			/>
		);
	}
}

export default SecondaryButtonOne;
