<?php
/* @var Tangibledesign\MyHome\Widgets\General\PhoneWidget $mhCurrentWidget */
global $mhCurrentWidget;
?>
<div class="myhome-phone-wrapper">
    <div class="myhome-small-data">
        <div class="myhome-small-data__icon">
            <div class="myhome-small-icon">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512">
                    <!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
                    <path d="M16 64C16 28.7 44.7 0 80 0H304c35.3 0 64 28.7 64 64V448c0 35.3-28.7 64-64 64H80c-35.3 0-64-28.7-64-64V64zM224 448a32 32 0 1 0 -64 0 32 32 0 1 0 64 0zM304 64H80V384H304V64z"/>
                </svg>
            </div>
        </div>

        <div class="myhome-small-data__value">
            <a
                    class="myhome-phone"
                    href="tel:<?php echo esc_attr($mhCurrentWidget->getPhoneUrl()); ?>"
            >
                <?php echo esc_html($mhCurrentWidget->getPhone()); ?>
            </a>
        </div>
    </div>
</div>