export const VegaFlexRuntimeMetricsPayloadDefinition = [
  {
    payloadKey: 'BREAK_POINT_IS_NONE',
    payloadDescription: '@deprecated Determines the breakpoint at which the flex direction transitions from row-based layout to column-based layout, or vice versa.',
    /**
     * The function checks if the `breakpoint` property of the `host` element is equal to 'None'.
     * If it is, the function will return `true`.
     *
     * @param {HTMLElement} host - The element to check
     * @returns {boolean} A boolean value
     */
    payloadValue: (host) => host.breakpoint === 'None',
  },
  {
    payloadKey: 'BREAK_POINT_IS_DEFAULT',
    payloadDescription: '@deprecated Determines the breakpoint at which the flex direction transitions from row-based layout to column-based layout, or vice versa.',
    /**
     * The function checks if the `breakpoint` property of the `host` element is equal to 'default'.
     * If it is, the function will return `true`.
     *
     * @param {HTMLElement} host - The element to check
     * @returns {boolean} A boolean value
     */
    payloadValue: (host) => host.breakpoint === 'default',
  },
  {
    payloadKey: 'BREAK_POINT_IS_S',
    payloadDescription: '@deprecated Determines the breakpoint at which the flex direction transitions from row-based layout to column-based layout, or vice versa.',
    /**
     * The function checks if the `breakpoint` property of the `host` element is equal to 'S'.
     * If it is, the function will return `true`.
     *
     * @param {HTMLElement} host - The element to check
     * @returns {boolean} A boolean value
     */
    payloadValue: (host) => host.breakpoint === 'S',
  },
  {
    payloadKey: 'BREAK_POINT_IS_M',
    payloadDescription: '@deprecated Determines the breakpoint at which the flex direction transitions from row-based layout to column-based layout, or vice versa.',
    /**
     * The function checks if the `breakpoint` property of the `host` element is equal to 'M'.
     * If it is, the function will return `true`.
     *
     * @param {HTMLElement} host - The element to check
     * @returns {boolean} A boolean value
     */
    payloadValue: (host) => host.breakpoint === 'M',
  },
  {
    payloadKey: 'BREAK_POINT_IS_L',
    payloadDescription: '@deprecated Determines the breakpoint at which the flex direction transitions from row-based layout to column-based layout, or vice versa.',
    /**
     * The function checks if the `breakpoint` property of the `host` element is equal to 'L'.
     * If it is, the function will return `true`.
     *
     * @param {HTMLElement} host - The element to check
     * @returns {boolean} A boolean value
     */
    payloadValue: (host) => host.breakpoint === 'L',
  },
  {
    payloadKey: 'BREAK_POINT_IS_XL',
    payloadDescription: '@deprecated Determines the breakpoint at which the flex direction transitions from row-based layout to column-based layout, or vice versa.',
    /**
     * The function checks if the `breakpoint` property of the `host` element is equal to 'XL'.
     * If it is, the function will return `true`.
     *
     * @param {HTMLElement} host - The element to check
     * @returns {boolean} A boolean value
     */
    payloadValue: (host) => host.breakpoint === 'XL',
  },
  {
    payloadKey: 'USE_NATIVE_FLEX_IS_TRUE',
    payloadDescription: '@deprecated Specifies whether to use the native flex layout.',
    /**
     * The function checks if the `useNativeFlex` property of the `host` element is equal to 'true'.
     * If it is, the function will return `true`.
     *
     * @param {HTMLElement} host - The element to check
     * @returns {boolean} A boolean value
     */
    payloadValue: (host) => host.useNativeFlex === true,
  },
  {
    payloadKey: 'USE_NATIVE_FLEX_IS_FALSE',
    payloadDescription: '@deprecated Specifies whether to use the native flex layout.',
    /**
     * The function checks if the `useNativeFlex` property of the `host` element is equal to 'false'.
     * If it is, the function will return `true`.
     *
     * @param {HTMLElement} host - The element to check
     * @returns {boolean} A boolean value
     */
    payloadValue: (host) => host.useNativeFlex === false,
  },
];
