import * as React from 'react';
import ThreeDotsLoader from '../loaders/three-dots-loader/ThreeDotsLoader';
import { Colors } from '../../models/colors';
import * as StepModel from '../../models/step';

interface StepProps {
	gtmId?: string;
	step?: StepModel.Step;
	palette?: Colors;
	removeErrorMessage?: () => void;
}

class Step extends React.PureComponent<StepProps> {
	render() {
		return (
			<React.Fragment>
				<ThreeDotsLoader {...this.props} automationName="loader" />
				{this.props.children}
			</React.Fragment>
		);
	}
}

export default Step;