import React from 'react';

const TravelFooter = (props)=> {
    const { user, contactLink } = props

    return (
        <div  className="travel--footer">
            {/* <div class="wizrd-footer-dots">
                <svg width="1264" height="293" viewBox="0 0 1264 293" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <circle cx="149" cy="17" r="3" fill="white"></circle>
                    <circle class="wizrd-footer-theme-dots" cx="3.5" cy="91.5" r="3.5" fill="#7EB8EE"></circle>
                    <circle cx="738" cy="8" r="4" fill="white"></circle>
                    <circle cx="624" cy="268" r="4" fill="white"></circle>
                    <circle class="wizrd-footer-theme-dots" cx="368" cy="173" r="3" fill="#7EB8EE"></circle>
                    <circle cx="266" cy="267" r="3" fill="white"></circle>
                    <circle cx="217.5" cy="129.5" r="2.5" fill="white"></circle>
                    <circle class="wizrd-footer-theme-dots" cx="54" cy="289" r="4" fill="#7EB8EE"></circle>
                    <circle cx="128" cy="174" r="4" fill="white"></circle>
                    <circle class="wizrd-footer-theme-dots" cx="1260" cy="264" r="4" fill="#7EB8EE"></circle>
                    <circle class="wizrd-footer-theme-dots" cx="1089" cy="4" r="4" fill="#7EB8EE"></circle>
                    <circle cx="453" cy="25" r="2" fill="white"></circle>
                    <circle class="wizrd-footer-theme-dots" cx="916" cy="212" r="4" fill="#7EB8EE"></circle>
                    <circle cx="924.5" cy="84.5" r="1.5" fill="white"></circle>
                    <circle cx="1168" cy="174" r="2" fill="white"></circle>
                    <circle cx="1042.5" cy="138.5" r="2.5" fill="white"></circle>
                    <circle cx="1036" cy="272" r="4" fill="white"></circle>
                </svg>
            </div> */}
            <div className="container">
                <div  className="travel--footer__inner">
                    <h5>Contact us today to save money on your next trip!</h5>
                    <a href={`tel:${ user?.phone }`}>{ user?.phone }</a>
                    {contactLink}
                </div>
            </div>
        </div>
    )
}

export default TravelFooter;