refactor(editor): Move editor-ui and design-system to frontend dir (no-changelog) (#13564)

packages/frontend/editor-ui/src/components/TemplatesInfoCard.vue

@@ -0,0 +1,37 @@
+<script lang="ts" setup>
+import Card from '@/components/CollectionWorkflowCard.vue';
+import NodeList from '@/components/NodeList.vue';
+import { useI18n } from '@/composables/useI18n';
+import type { ITemplatesCollection } from '@/Interface';
+
+withDefaults(
+	defineProps<{
+		collection: ITemplatesCollection;
+		loading?: boolean;
+		showItemCount?: boolean;
+		width: string;
+	}>(),
+	{
+		loading: false,
+		showItemCount: true,
+	},
+);
+
+const i18n = useI18n();
+</script>
+
+<template>
+	<Card :loading="loading" :title="collection.name" :style="{ width }">
+		<template #footer>
+			<span>
+				<n8n-text v-show="showItemCount" size="small" color="text-light">
+					{{ collection.workflows.length }}
+					{{ i18n.baseText('templates.workflows') }}
+				</n8n-text>
+			</span>
+			<NodeList :nodes="collection.nodes" :show-more="false" />
+		</template>
+	</Card>
+</template>
+
+<style lang="scss" module></style>