<script setup lang="ts">
const isDev = import.meta.env.DEV
</script>

<template>
	<div
		v-if="isDev"
		class="app-sidebar-footer flex-column-auto pt-2 pb-6 px-6"
		id="vb_app_sidebar_footer">
		<a
			href="https://preview.keenthemes.com/metronic8/vue/docs/#/doc-overview"
			class="btn btn-flex flex-center btn-custom btn-primary overflow-hidden text-nowrap px-0 h-40px w-100"
			data-bs-toggle="tooltip"
			data-bs-trigger="hover"
			data-bs-dismiss-="click"
			title="200+ in-house components and 3rd-party plugins">
			<span class="btn-label">文档 &amp; 组件</span>
			<VbIcon icon-name="document" icon-class="btn-icon fs-2 m-0" />
		</a>
	</div>
</template>
