import React, { useEffect } from 'react';
import { Link } from 'react-router-dom';
import StickyMenu from './../lib/StickyMenu';
import getConfig from './../Config/config';


function Navigation({ action }) {
    var site = getConfig()[0];
    useEffect(() => {
        StickyMenu();
    }, []);
    return (
        <>
            <ul>
                <li>
                    <Link to="/">Home</Link>
                </li>
                <li>
                    <Link to="/service">Services</Link>
                </li>
                <li>
                    <a href="#">
                        Resources <i className="fal fa-angle-down" />
                    </a>
                    <ul className="sub-menu">
                        <li>
                            <Link to="/about-us">About</Link>
                        </li>
                        <li>
                        <a href={site.dash_url_blog}>Blog</a>
                        </li>
                        {/* <li>
                            <Link to="/faq">FAQs</Link>
                        </li> */}
                    </ul>
                </li>
               
            </ul>
        </>
    );
}

export default Navigation;
