import HeaderTop from './HeaderTop';
import HeaderBottom from './HeaderBottom';

const Header = () => {
    return (
        <>
            <HeaderTop />
            <HeaderBottom />
            {/* Search Popup - kept here for now as part of header logic/structure */}
            <div className="search-popup">
                <div className="search-popup__overlay search-toggler"></div>
                <div className="search-popup__content">
                    <form role="search" method="get" className="search-popup__form" action="#">
                        <input type="text" id="search" name="search" placeholder="Search Here..." />
                        <button type="submit" aria-label="search submit" className="search-btn">
                            <span><i className="fa-regular fa-magnifying-glass"></i></span>
                        </button>
                    </form>
                </div>
            </div>
        </>
    );
};

export default Header;