import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import './ScriptSwitchButton.scss';
import Icon from '../Icon';
import Tooltip from '../Tooltip';
const ScriptSwitchButton = ({ selected = 'text', handleClick, tabList, //  ['Automation' , 'Manual']
 }) => {
    const isAutomation = tabList?.includes('Automation');
    const isManual = tabList?.includes('Manual');
    return (_jsxs("div", { className: "ff-script-switch-container", children: [_jsx(Tooltip, { title: isAutomation ? 'Automation' : 'Add Automation', zIndex: 1000, children: _jsx("div", { className: `ff-script-switch-button ${selected === 'Automation' ? 'active' : ''}`, onClick: () => handleClick(isAutomation ? 'Automation' : 'Add Automation'), children: _jsx(Icon, { name: isAutomation ? 'automation_testcase' : 'add_testcase', color: selected === 'Automation'
                            ? 'var(--primary-button-text-color)'
                            : 'var(--description-text)' }) }) }), _jsx(Tooltip, { title: isManual ? 'Manual' : 'Add Manual', zIndex: 1000, children: _jsx("div", { className: `ff-script-switch-button ${selected === 'Manual' ? 'active' : ''}`, onClick: () => handleClick(isManual ? 'Manual' : 'Add Manual'), children: _jsx(Icon, { name: isManual ? 'manual_testcase' : 'add_testcase', color: selected === 'Manual'
                            ? 'var(--primary-button-text-color)'
                            : 'var(--description-text)' }) }) })] }));
};
export default ScriptSwitchButton;
//# sourceMappingURL=ScriptSwitchButton.js.map