Finish UI

package.json

@@ -38,6 +38,7 @@
 		"pre-commit": "npm run lint:js && composer run-script lint && composer run-script phpstan"
 	},
 	"dependencies": {
+		"@wordpress/icons": "^9.39.0",
 		"classnames": "^2.3.2"
 	}
 }

src/components/TemplatePreview.js

@@ -0,0 +1,17 @@
+/**
+ * WordPress dependencies.
+ */
+import { BlockPreview } from '@wordpress/block-editor';
+
+const TemplatePreview = ({ template }) => {
+	return (
+		<div className="block basis-full rounded-xl overflow-hidden max-h-80vh">
+			<BlockPreview
+				blocks={ template }
+				viewportWidth={ 1400 }
+			/>
+		</div>
+	);
+};
+
+export default TemplatePreview;