ActivityElement

import { WhopElements, Wallet, ActivityElement } from "@whop/elements-react";
import { loadWhop } from "@whop/elements";

function Example() {
  return (
    <WhopElements elements={loadWhop()}>
      <Wallet /* options */>
        <ActivityElement onActivitySelected={(e) => console.log(e)} onActivityHovered={(e) => console.log(e)} onSeeAllRequested={(e) => console.log(e)} onDateRangeChanged={(e) => console.log(e)} />
      </Wallet>
    </WhopElements>
  );
}

<script src="https://cdn.whop.com/elements/amber/elements.js" data-whop-elements></script>
<script type="module">
  const wallet = window.WhopElements().wallet.create({ /* options */ });
  wallet.create('activity', {
    onActivitySelected: (e) => console.log(e),
    onActivityHovered: (e) => console.log(e),
    onSeeAllRequested: (e) => console.log(e),
    onDateRangeChanged: (e) => console.log(e)
  }).mount('#wallet-activity');
</script>

import SwiftUI
import WhopElements

// WhopSDK.configure(tokenProvider:) runs once at app launch. See Getting started.
struct ActivityScreen: View {
    var body: some View {
        ScrollView {
            ActivityElement(
                accountId: "biz_xxxx"
            ) { activity in
                print(activity.title, activity.amount)
            }
            .padding()
        }
    }
}