import { useCallback } from 'react' import AccountCreateFirst from 'components/Account/AccountCreateFirst' import { ACCOUNT_MENU_BUTTON_ID } from 'components/Account/AccountMenuContent' import Button from 'components/Button' import { Account, PlusCircled } from 'components/Icons' import WalletConnectButton from 'components/Wallet/WalletConnectButton' import useAccountId from 'hooks/useAccountId' import useAccountIds from 'hooks/useAccountIds' import useStore from 'store' export default function ActionButton(props: ButtonProps) { const { className, color, variant, size } = props const defaultProps = { className, color, variant, size } const address = useStore((s) => s.address) const { data: accountIds } = useAccountIds(address || '') const selectedAccountId = useAccountId() const handleCreateAccountClick = useCallback(() => { useStore.setState({ focusComponent: { component: } }) }, []) if (!address) return if (accountIds && accountIds.length === 0) { return (