Monarch API

components = {
  controls: Array<CardControl>,
  badges: Array<CardBadge>,
  markers: Array<CardMarker>,
  ...
}

Hooks.on("getMonarchHandComponents", (monarch, components) => {
  components.badges.push({
    ...
  });
});

/**
* @typedef  {Object} CardControl                   An object defining a control to display on a card.
 * @property {string|Function<string>}   [tooltip]  - The tooltip of the control, or a function that returns the tooltip
 * @property {string|Function<string>}   [aria]     - The aria label (for screen readers) of the control, or a function that returns the aria label
 * @property {string|Function<string>}   [icon]     - The icon to display for the control, or a function that returns the icon
 * @property {string}                    [class]    - The css class to apply to the control
 * @property {boolean|Function<boolean>} [disabled] - Whether the control is disabled, or a function that returns whether the control is disabled
 * @property {Function}                  [onclick]  - The function to call when the control is clicked
 * @property {Array<CardControl>}        [controls] - An array of controls to display as a group
*/

/**
 * @callback clickCallback
 * @param {Event} event
 * @param {Card} card
 * @param {Cards} container
 * @returns {string}
 */

export type clickCallback = (event: Event, card: Card, container: Cards) => string;