blockiesui
Version:
A UI library for Blockies
17 lines (14 loc) • 1.18 kB
JavaScript
import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
import { useState } from 'react';
import ModalComponent from './modalComponent.js';
import { useWallet } from '../../hooks/useWallet.js';
import WalletDropdown from './walletDropdown.js';
import { Button } from '../UI/button.js';
import Wallet from '../../node_modules/.pnpm/lucide-react@0.483.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/wallet.js';
function ConnectWallet() {
var _a = useState(false), isModalOpen = _a[0], setIsModalOpen = _a[1];
var isConnected = useWallet().isConnected;
return (jsxs(Fragment, { children: [isConnected ? (jsx(WalletDropdown, {})) : (jsxs(Button, { onClick: function () { return setIsModalOpen(true); }, className: "h-12 w-[220px] rounded-xl bg-gradient-to-r from-[#F27405] to-[#FF9F45] text-sm font-bold text-white shadow-lg transition-all duration-300 hover:from-[#D66400] hover:to-[#F27405] hover:shadow-xl", children: [jsx(Wallet, { className: "mr-3 h-6 w-6" }), " Connect Wallet"] })), jsx(ModalComponent, { isModalOpen: isModalOpen, setIsModalOpen: setIsModalOpen })] }));
}
export { ConnectWallet as default };
//# sourceMappingURL=connectWallet.js.map