export const VegaButtonCircleRuntimeMetricsPayloadDefinition = [
  {
    payloadKey: 'VARIANT_IS_PRIMARY',
    payloadDescription: 'The circular button is rendered with the bg-action background color, which typically signifies a primary or important action',
    /**
     * The function checks if the `variant` property of the `host` element is equal to 'primary'.
     * If it is, the function will return `true`.
     *
     * @param {HTMLElement} host - The element to check
     * @returns {boolean} A boolean value
     */
    payloadValue: (host) => host.variant === 'primary',
  },
  {
    payloadKey: 'VARIANT_IS_SECONDARY',
    payloadDescription: 'The circular button is rendered with a transparent background and an action border color. This variant is often used for secondary or less prominent actions',
    /**
     * The function checks if the `variant` property of the `host` element is equal to 'secondary'.
     * If it is, the function will return `true`.
     *
     * @param {HTMLElement} host - The element to check
     * @returns {boolean} A boolean value
     */
    payloadValue: (host) => host.variant === 'secondary',
  },
  {
    payloadKey: 'VARIANT_IS_ICON_ONLY',
    payloadDescription: 'The circular button is rendered with an icon displayed in the default state, and the circle background appears when hovering over the button',
    /**
     * The function checks if the `variant` property of the `host` element is equal to 'icon-only'.
     * If it is, the function will return `true`.
     *
     * @param {HTMLElement} host - The element to check
     * @returns {boolean} A boolean value
     */
    payloadValue: (host) => host.variant === 'icon-only',
  },
];
