/**
 * WordPress dependencies
 */
import { __ } from '@wordpress/i18n';
const { Fragment } = wp.element;
const { withFilters } = wp.components;

export const HelpTab = () => {
	return (
		<div className="code4rest-desk-help-inner">
			<h2>{ __( 'Welcome to Code4rest!', 'code4rest' ) }</h2>
			<p>{ __( 'You are going to love working with this theme! View the video below to get started with our video tutorials or click the view knowledge base button below to see all the documentation.', 'code4rest' ) }</p>
			<div className="video-container">
				<a href="https://www.youtube.com/watch?v=GqEecMF7WtE"><img width="1280" height="720" src={ code4restDashboardParams.videoImage } alt={ __( 'Code4rest Theme Getting Started Tutorial - 10 Minute Quick Start Guide', 'code4rest' ) } /></a>
			</div>
			<a href="https://code4rest-theme.com/learn-code4rest" className="code4rest-desk-button" >{ __( 'Video Tutorials', 'code4rest' ) }</a><a href="https://code4rest-theme.com/knowledge-base/" className="code4rest-desk-button code4rest-desk-button-second" >{ __( 'View Knowledge Base', 'code4rest' ) }</a>
		</div>
	);
};

export default withFilters( 'code4rest_theme_help' )( HelpTab );