<template>
	<div class="comp" :class="{'hide' : !visible }">
		<div @click="onOverLayHandler()" class="overlay" v-if="overlayShow"></div>
		<div class="modal">
			<div class="modal-title">
				{{title}}
				<img @click="onCloseHandler()" class="close-btn pointer" :src="require('@assets/images/common/icon-modal-simple-close.png')">
			</div>
			<div class="modal-content">{{content}}</div>
		</div>
	</div>
</template>

<script src="./modal-simple-comp.js"></script>
<style lang="scss" scoped>
@import "./modal-simple-comp.scss";
</style>