<template>
	<div class="efly-popover" @mouseenter="hover" @mouseleave="cancelHover" >
		<div @mouseup="click($event)">
			<slot name="reference"></slot>
		</div>
		<div class="efly-popover-layer" :style="'left:'+left+';top:'+top" v-if="status.show">
			<slot></slot>
		</div>
	</div>
</template>

<script>
    import EflyPopover from './popover';

    export default EflyPopover;
</script>

<style lang="scss" scoped>
</style>
