useFees

import { useFees } from "@0xmonaco/react";

const { simulateFees, getMyFeeTier } = useFees();

import { useFees, useMarket } from "@0xmonaco/react";
import { useState, useEffect } from "react";

function FeeCalculator() {
  const { getTradingPairBySymbol } = useMarket();
  const { simulateFees } = useFees();
  const [fees, setFees] = useState(null);

  const calculateFees = async () => {
    const pair = await getTradingPairBySymbol('BTC/USDC');

    // LIMIT order — exact fee calculation
    const result = await simulateFees({
      tradingPairId: pair.id,
      side: "BUY",
      price: "50000",
      quantity: "0.1"
    });

    setFees(result);
  };

  return (
    <div>
      <button onClick={calculateFees}>Calculate Fees</button>
      {fees && (
        <div>
          <p>Order Value: ${fees.notional}</p>
          <p>Total Fees: ${fees.totalTakerFees}</p>
          <p>You Pay: ${fees.takerTotalPayment}</p>
          {/* 100% slider — use maxQuantity instead of balance / price */}
          <p>Max quantity you can buy: {fees.maxQuantity}</p>
        </div>
      )}
    </div>
  );
}