ConnectModal

import React, { useState } from 'react';
import { useWallet, ConnectModal } from '@razorlabs/razorkit';
 
const YourComponent: React.FC = () => {
  return <div>Your Own Component</div>
}
 
const YourOwnButton: React.FC = () => {
  return <button>Your Own Button</button>
}
 
function App() {
  const { connected } = useWallet()
  const [showModal, setShowModal] = useState(false)
 
  if (connected) {
    return <YourComponent />
  }
 
  return (
    // wrap your own button as the trigger of the modal
    <ConnectModal
      open={showModal}
      onOpenChange={(open) => setShowModal(open)}
    >
      <YourOwnButton />
    </ConnectModal>
  )
}