import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import "./style.scss";
import GetSvgIcon from "../GetSvgIcon";
import { Tooltip } from "..";
const SwitchLarge = ({ switches, dataCy, toolTipPosition = "top", }) => {
    return (_jsx("div", { className: "switchLarge", children: switches.map((s, index) => (_jsx(Tooltip, { content: s.name, toolTipPosition: toolTipPosition, children: _jsxs("button", { className: `${s.isActive ? "active" : ""}`, onClick: s.onClick, "data-cy": s.text
                    ? `${dataCy}-${s.text?.toLowerCase()}`
                    : `${dataCy}-${s.name?.toLowerCase()}`, children: [s.text && !s.iconType && (_jsx("span", { className: "switchButtonText", children: s.text })), s.iconType && _jsx(GetSvgIcon, { iconType: s.iconType, iconSize: "16" })] }, index) }))) }));
};
export default SwitchLarge;
