import { useSelect } from '@wordpress/data';
import WelcomeGuideDefault from './default';
import WelcomeGuideTemplate from './template';
import { store as editPostStore } from '../../store';

export default function WelcomeGuide( { postType } ) {
	const { isActive, isEditingTemplate } = useSelect(
		( select ) => {
			const { isFeatureActive } = select( editPostStore );
			const _isEditingTemplate = postType === 'wp_template';
			const feature = _isEditingTemplate
				? 'welcomeGuideTemplate'
				: 'welcomeGuide';

			return {
				isActive: isFeatureActive( feature ),
				isEditingTemplate: _isEditingTemplate,
			};
		},
		[ postType ]
	);

	if ( ! isActive ) {
		return null;
	}

	return isEditingTemplate ? (
		<WelcomeGuideTemplate />
	) : (
		<WelcomeGuideDefault />
	);
}