import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
import clsx from "clsx";
import "./style.scss";
import GetSvgIcon from "../GetSvgIcon";
import NavbarButton from "./NavbarButton";
import ChevronDropDown from "../ChevronDropDown";
import SearchTimer from "../SearchFilterSideDrawer/SaveSearch/SearchTimer";
const TopNavbar = ({ props = {}, navbarTabs = [], dropdownItemList, onLabelClick, 
// profileImage,
isCompleted = false, isTimerShown = false, onViewClick, name = "John Doe", }) => {
    const className = clsx({
        topNavbarGeneric: true,
    });
    return (_jsxs("div", { className: "topNavbar", children: [_jsxs("div", { className: className, ...props, children: [_jsx(GetSvgIcon, { iconType: "qluLogo", iconSize: "32" }), _jsx("span", { className: "topNavbarGenericButtonsContainer", children: navbarTabs.map((entity, key) => {
                            return (_jsx(NavbarButton, { text: entity.tabName, isSelected: entity.isActive, isDisabled: false, navbarIcon: entity.navbarIcon, onClick: entity.onClick }, key));
                        }) })] }), _jsxs("div", { children: [isTimerShown ? (_jsxs("div", { className: "timerAndView", children: [isCompleted ? (_jsx(_Fragment, {})) : (_jsx(GetSvgIcon, { iconSize: "16", iconType: "clock" })), isCompleted ? (_jsx("span", { children: "Internet Search Completed" })) : (_jsx("span", { children: "Searching Internet : " })), isCompleted ? (_jsx("button", { className: "searchView", onClick: onViewClick, children: "View" })) : (_jsx(SearchTimer, { className: "rssTimer" }))] })) : (_jsx(_Fragment, {})), _jsx(ChevronDropDown, { onLabelClick: onLabelClick, dropdownItemList: dropdownItemList, 
                        // profileImage={profileImage}
                        name: name })] })] }));
};
export default TopNavbar;
