import React from 'react';
import AnchorLink from 'react-anchor-link-smooth-scroll'
import { FaWhatsapp } from 'react-icons/fa';
import { Link } from '@mui/material';
const Scrollbar = () => {
    const ClickHandler = (event) => {
        event.preventDefault();
        const href = event.currentTarget.getAttribute('href');
        window.open(href, '_blank');
    };
    const iconStyle = { fontSize: '1.8rem', color: '#fff' }; // Adjust the icon size and color here
    return (
        <div className="col-lg-12">
            <div className="header-menu">
                <ul className="smothscroll">
                    <li><AnchorLink href='#__next'><i className="ti-arrow-up"></i></AnchorLink></li>
                    <br />
                    <li> <Link onClick={ClickHandler} href="https://wa.me/message/VCDI6QIX546XF1" style={{ textDecoration: 'none' }}>
                        <FaWhatsapp style={iconStyle} />
                    </Link></li>
                </ul>
            </div>
        </div>

    )
}

export default Scrollbar;