<template>
	<view class="no-data-search-container">
		<view class="">
			<theme-image v-if="iconType === 'node'" class="no-data-image" lazy-load src="@/static/no-data-withdraw.png"
				mode="aspectFit" />
			<theme-image v-else class="no-data-image" lazy-load src="@/static/mail/image_qxy.png" mode="aspectFit" />
		</view>
		<view class="no-data-text" :style="{ 'color': themeStore.theme.text.lightAlpha }">
			{{ title }}
		</view>
	</view>
</template>

<script setup>
import { useThemeStore } from '@/store/useThemeStore'
const themeStore = useThemeStore()
defineProps({
	title: {
		type: String,
		default: 'No records!'
	},
	isShowBtn: {
		type: Boolean,
		default: false
	},
	iconType: {
		type: String,
		default: ''
	}
})
</script>

<style lang="scss" scoped>
.no-data-search-container {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	padding: 200rpx 40rpx;

	.no-data-image {
		width: 416rpx;
		height: 293rpx;
	}

	.no-data-text {
		font-size: 26rpx;
		color: rgba(255, 255, 255, 0.7);
	}
}
</style>