<template>
    <div>
        <KsOverview :data="overviewRes" />
    </div>
</template>

<script setup>
// import { KsOverview } from '@ksconsole/components'
import { ref } from 'vue'
import IconApp from './svg/IconApp.svg';
import IconCloudEnv from './svg/IconCloudEnv.svg';
import IconProject from './svg/IconProject.svg';
import IconUser from './svg/IconUser.svg';
import IconError from './svg/IconError.svg';

const overviewRes = ref([
    	{
		icon: IconCloudEnv,
		title: '云环境',
        count: 3,
        hide:true
	},
	{
		icon: IconProject,
		title: '项目',
		count: 24
	},
	{
		icon: IconApp,
		title: '应用',
		count: 2
	},
	{
		icon: IconUser,
		title: '用户',
		count: 16,
		errorCount: 2,
		errorIcon: IconError
	}
])
</script>

<style scoped lang="less">

</style>
