<template>
    <div id="popover-container" :ref="name + '-container'" class="popover-container" :style="'top:' + top + '; left:' + left + '; right:' + right + '; bottom:' + bottom">
        <span id="text" :ref="name + '-text'">
            <i class="icon-info fas fa-info-circle"></i>
        </span>
        <div id="tooltip" :ref="name + '-tooltip'" class="content-box background-light-gray box-shadow-dark modal-info">
            <slot>

            </slot>
            <div id="arrow" data-popper-arrow></div>
        </div>
    </div>
</template>

<script src="./scripts.js"></script>
<style src="./styles.css" scoped></style>