SurfSense/surfsense_web/components/tool-ui/shared/action-buttons.tsx

"use client";

import type { FC } from "react";
import { Button } from "@/components/ui/button";
import type { Action, ActionsConfig } from "./schema";

interface ActionButtonsProps {
  actions?: Action[] | ActionsConfig;
  onAction?: (actionId: string) => void;
  disabled?: boolean;
}

export const ActionButtons: FC<ActionButtonsProps> = ({ actions, onAction, disabled }) => {
  if (!actions) return null;

  // Normalize actions to array format
  const actionArray: Action[] = Array.isArray(actions)
    ? actions
    : [
        actions.confirm && { ...actions.confirm, id: "confirm" },
        actions.cancel && { ...actions.cancel, id: "cancel" },
      ].filter(Boolean) as Action[];

  if (actionArray.length === 0) return null;

  return (
    <div className="flex flex-wrap gap-2 pt-3">
      {actionArray.map((action) => (
        <Button
          key={action.id}
          variant={action.variant || "default"}
          size="sm"
          disabled={disabled || action.disabled}
          onClick={() => onAction?.(action.id)}
        >
          {action.label}
        </Button>
      ))}
    </div>
  );
};