<div class="cbw-install-theme-wrap">
	<div class="cbw-install-theme">
		<div class="cbw-body__title"><?php _e( 'Use child theme?', 'crocoblock-wizard' ); ?></div>
		<p><?php
			_e( 'We recommend you to use the child theme to continue the installation process. While using the child theme, you can safely make changes in the code, without having to worry about losing them when the theme is updated. Besides, the child theme is offered to install is fully adjusted for the best compatibility with Crocoblock functionality.', 'crocoblock-wizard' );
		?></p>
		<cbw-choices
			:choices="choices"
			v-model="nextStep"
		></cbw-choices>
		<cbw-logger :log="log"></cbw-logger>
	</div>
	<div class="cbw-footer">
		<cx-vui-button
			@click="goToPrevStep"
		>
			<svg slot="label" width="7" height="12" viewBox="0 0 7 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.67089 0L-4.76837e-07 6L5.67089 12L7 10.5938L2.65823 6L7 1.40625L5.67089 0Z" fill="#007CBA"/></svg>
			<span slot="label"><?php _e( 'Back', 'crocoblock-wizard' ); ?></span>
		</cx-vui-button>
		<cx-vui-button
			:button-style="'accent'"
			:disabled="!nextStep"
			:loading="loading"
			@click="goToNextStep"
		>
			<span slot="label"><?php _e( 'Continue', 'crocoblock-wizard' ); ?></span>
			<svg slot="label" width="7" height="12" viewBox="0 0 7 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.32911 0L7 6L1.32911 12L0 10.5938L4.34177 6L0 1.40625L1.32911 0Z" fill="white"/></svg>
		</cx-vui-button>
	</div>
</div>