apps/dashboard/src/components/add-account-button.tsx

"use client";

import { Button } from "@midday/ui/button";
import { useQueryState } from "nuqs";

export function AddAccountButton({ onClick }: { onClick?: () => void }) {
  const [_, setStep] = useQueryState("step");

  const handleClick = () => {
    setStep("connect");
    onClick?.();
  };

  return (
    <Button
      data-event="Add account"
      data-icon="🏦"
      data-channel="bank"
      onClick={handleClick}
    >
      Add account
    </Button>
  );
}