<template>
	<view>
		<u-popup bgColor="transparent" :overlay="true" :show="show" mode="bottom">
			<view class="u-flex logout-main">
				<view class="main"><text style="color: #999999">{{ $t('login.isLoginPut') }}</text></view>
				<view @click="$emit('logoutBtn')" class="main"><text style="color: #f95e5a">{{ $t('login.loginOut') }}</text></view>
				<view class="cancel-text"><text @click="$emit('closeLogoutPopup')" style="color: #3478f7">{{ $t('common.cancelText') }}</text>
				</view>
			</view>
		</u-popup>
	</view>
</template>

<script>
	export default {
		props: {
			show: {
				type: Boolean,
				default: false
			}
		},
	}
</script>

<style lang="scss" scoped>
	@import '../static/personal.scss';
</style>