import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { t } from "ttag";
import Polkadot from "../../assets/polkadot";
import Button from "../button";
import { useConnect } from "./hooks";
export const PolkadotConnect = ({ disabled, onError, className, labelText = t `Connect wallet`, btnSize, btnWidth, }) => {
    const { wrappedConnect, pending } = useConnect(undefined, onError);
    return (_jsxs(Button, { disabled: disabled, onClick: wrappedConnect, pending: pending, className: `ui-polkadotconnect ${className ?? ""}`, size: btnSize, width: btnWidth, children: [_jsx(Polkadot, { style: { marginRight: 10 } }), labelText] }));
};
//# sourceMappingURL=connect.js.map