import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import styles from "./styles.module.css";
import CogSelectedIcon from "../../assets/cog_selected.svg";
import MartySelectedIcon from "../../assets/marty_selected.svg";
import { ReactComponent as ConnectButtonDefault } from "../../assets/connection/connect_btn-default.svg";
import { RaftTypeE } from "@robotical/webapp-types/dist-types/src/types/raft";
export default function ConnectButton({ onConnect, raftType }) {
    return _jsxs("div", { className: styles.connectButton, onClick: onConnect, children: [_jsx("div", { className: styles.emptyRow }), _jsx("div", { className: styles.connectButtonIconContainer, children: raftType === RaftTypeE.COG ?
                    _jsx("img", { src: CogSelectedIcon, alt: "Cog icon", className: styles.connectButtonIcon }) :
                    _jsx("img", { src: MartySelectedIcon, alt: "Marty icon", className: styles.connectButtonIcon }) }), _jsx("div", { className: [styles.connectIconContainer].join(" "), children: _jsx(ConnectButtonDefault, {}) })] });
}
