/**
 * This function returns an object with data attributes as keys
 * to be spread for tracking over any clickable JSX element
 * @param {object} trackingData An object that holdes value that should be tracked
 * @return {object} An object containing data attributes
 *
 */
const getTrackingDataAttributes = ({ track, page, identify, services }) => ({
  ...(services && { 'data-tracking-services': JSON.stringify(services) }),
  ...(track && { 'data-track': JSON.stringify(track) }),
  ...(page && { 'data-page': JSON.stringify(page) }),
  ...(identify && { 'data-identify': JSON.stringify(identify) }),
});

export { getTrackingDataAttributes };