import * as React from 'react';

import ConfirmButton, {
	ConfirmButtonProps
} from '../../../containers/confirm-button/ConfirmButton';
import { buttonStyle } from './confirmButtonOne.style';

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

export default ConfirmButtonOne;