import { WavebreakAuthorizationProvider, useWavebreakAuthorization } from '@orca-so/wavebreak-authorization-provider';

function App() {
  return (
    <WavebreakAuthorizationProvider>
      <BuyUi />
    </WavebreakAuthorizationProvider>
  );
}

function BuyUi() {
  const { requestPermission } = useWavebreakAuthorization();
  const buyBonk = async () => {
    const permission = await requestPermission({ subject: '<user-wallet>', discriminatorBytes: [8] });
    // submit Wavebreak buy with permission
  };
  return <button onClick={buyBonk}>Buy BONK</button>;
}