import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { GetSvgIcon } from "..";
import "./style.scss";
const SettingsNavbar = ({ active = "Personal Information", onInfoClick = () => false, onPasswordClick = () => false, 
// onSubscriptionClick = () => false,
onPrivacyClick = () => false, onQMailClick = () => false, }) => {
    const tabs = [
        {
            name: "Personal Information",
            iconType: "user",
            onClick: onInfoClick,
        },
        {
            name: "Password",
            iconType: "password",
            onClick: onPasswordClick,
        },
        // {
        //   name: "Subscription",
        //   iconType: "location",
        //   onClick: onSubscriptionClick,
        // },
        {
            name: "Privacy",
            iconType: "employees",
            onClick: onPrivacyClick,
        },
        // {
        //   name: "Organisation",
        //   iconType: "officeBuilding",
        //   onClick: onOrganizationClick,
        // },
        {
            name: "Qmail",
            iconType: "paperPlaneUpRight",
            onClick: onQMailClick,
        },
    ];
    return (_jsxs("div", { className: "settingsNavbar", children: [_jsx("div", { children: "Settings" }), _jsx("div", { children: tabs.map((tab, index) => (_jsxs("div", { className: tab.name == active ? "active" : "", onClick: tab.onClick, children: [_jsx(GetSvgIcon, { iconType: tab.iconType, iconSize: "18" }), tab.name] }, index))) })] }));
};
export default SettingsNavbar;
