import { jsx as _jsx } from "react/jsx-runtime";
import './SwitchButton.scss';
import Icon from '../Icon';
import Tooltip from '../Tooltip';
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 default SwitchButton;
//# sourceMappingURL=SwitchButton.js.map