Custom Actions Override

interface ResolvedAction {
  label: string;
  icon?: React.ReactElement;
  onClick: () => void | Promise<void>;
  disabled?: boolean;
  hidden?: boolean;
}

// Action Resolver Signature
type CustomActionResolver = (params: {
  item: any;
  selectedItems?: any[];
}) => ResolvedAction;

{
  "actions": [
    {
      "type": "custom",
      "id": "myAction" // Matches override key
    }
  ]
}

// components/actions/myAction.tsx (use .tsx when file contains JSX like icons)
export const myAction = ({ item }) => ({
  label: 'Approve',
  icon: <Check />,
  onClick: async () => {
    await approveItem(item.id);
  }
});

// components/actions/index.tsx
import { myAction } from './myAction';
export const useActions = () => ({ myAction });

// 1. Add import (keep all existing imports)
import { useActions } from './components/actions';

// 2. Add hook call (keep all existing hook calls)
const actions = useActions();

// 3. Add actions to PatternsWizardOverridesProvider value (keep ALL existing overrides)