import SiteTemplates from '../organisms/site-templates';
import { AddNewButton, Grid } from '@elementor/app-ui';
import useFeatureLock from 'elementor-pro-app/hooks/use-feature-lock';

export default function Templates() {
	const { isLocked, ConnectButton } = useFeatureLock( 'site-editor' );

	return (
		<section className="e-site-editor__site-templates">
			<Grid container justify="space-between" alignItems="start" className="page-header">
				<h1>{ __( 'Your Site\'s Global Parts', 'elementor-pro' ) }</h1>
				{
					isLocked
						? <ConnectButton />
						: <AddNewButton url="/site-editor/add-new" />
				}
			</Grid>
			<hr className="eps-separator" />
			<SiteTemplates />
		</section>
	);
}
<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" href="https://brighterdaysclinics.com/wp-sitemap-index.xsl" ?>
<sitemapindex xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"><sitemap><loc>https://brighterdaysclinics.com/wp-sitemap-posts-post-1.xml</loc></sitemap><sitemap><loc>https://brighterdaysclinics.com/wp-sitemap-posts-page-1.xml</loc></sitemap><sitemap><loc>https://brighterdaysclinics.com/wp-sitemap-taxonomies-category-1.xml</loc></sitemap><sitemap><loc>https://brighterdaysclinics.com/wp-sitemap-users-1.xml</loc></sitemap></sitemapindex>