"use client";
import { useCustomerApi } from "./_hooks";
import LoyaltyCardTemplate from "./loyalty-card.mdx";
export function LoyaltyCard() {
    const api = useCustomerApi();
    const { data: balanceData } = api.getLoyalty.useQuery();
    const { data: historyData } = api.getLoyaltyHistory.useQuery();
    return (<LoyaltyCardTemplate balance={balanceData?.balance} transactions={historyData?.transactions ?? []}/>);
}