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

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 { ScriptSwitchButton as default };
//# sourceMappingURL=ScriptSwitchButton.js.map
