import { jsx } from 'react/jsx-runtime';
import Icon from '../Icon/Icon.js';
import Tooltip from '../Tooltip/Tooltip.js';

const SwitchButton = ({ selected, handleClick, tabList, }) => {
    return (jsx("div", { className: "ff-switch-container", children: tabList.map((tab) => (jsx(Tooltip, { title: selected === tab.name ? null : tab.tooltip, zIndex: 1000, children: jsx("div", { className: `ff-switch-button ${selected === tab.name ? 'active' : ''}`, onClick: () => handleClick(tab.name), children: jsx(Icon, { name: tab.icon, color: selected === tab.name
                        ? 'var(--primary-button-text-color)'
                        : 'var(--description-text)' }) }) }, tab.name))) }));
};

export { SwitchButton as default };
//# sourceMappingURL=SwitchButton.js.map
