<button class="mantra-button mantra-primary-btn mantra-open-model">
    Click to Open Modal
</button>
<div class="mantra-modal-background">
    <div class="mantra-modal">
        <div class="mantra-modal-head">
            <h3>Basic Modal</h3>
            <h3 id="mantra-modal-close">X</h3>
        </div>
        <hr />
        <div class="mantra-modal-body">
            <h4>Title</h4>
            <p>Some content...</p>
            <p>Some content...</p>
            <p>Some content...</p>
        </div>
        <hr />
        <div class="mantra-modal-footer">
            <button class="mantra-button mantra-primary-btn mantra-modal-cancel">
                Cancel
            </button>
            <button class="mantra-button mantra-primary-btn">OK</button>
        </div>
    </div>
</div>


<script src="../component/component.js"></script>