import { jsx, jsxs, Fragment } from "react/jsx-runtime";
import { F as FeatureHighlights, M as MousePointer, K as KeyPointsList } from "./index.js";
import "react";
import { S as ShoppingCart } from "./shopping-cart.js";
function _createMdxContent(props) {
  return jsxs(Fragment, {
    children: [jsx(FeatureHighlights, {
      cardTitle: "Two Ways to View Revenue Timing",
      cardDescription: "The attribution window toggle on the Transactions and Channels tabs lets you choose whether revenue is grouped by when the ad was clicked or when the purchase actually happened.",
      cardIcon: MousePointer,
      columns: 2,
      highlights: [{
        icon: MousePointer,
        title: "Click-Based",
        description: "Revenue is counted in the time period when the ad was clicked"
      }, {
        icon: ShoppingCart,
        title: "Transaction-Based",
        description: "Revenue is counted in the time period when the purchase occurred"
      }]
    }), "\n", jsx(KeyPointsList, {
      title: "When each view is most useful",
      points: [{
        text: "Click-based is best for evaluating campaign performance: it shows how much revenue a campaign generated based on when customers engaged with it, even if they took days or weeks to buy"
      }, {
        text: "Transaction-based is best for financial reporting: it matches revenue to the calendar period it was actually received, regardless of when the original ad click happened"
      }, {
        text: "Click-based totals will differ from transaction-based totals because some purchases made today were driven by ad clicks that happened in a previous date range"
      }, {
        text: "If you're comparing your dashboard revenue to your actual sales records, use transaction-based — it lines up with when money actually changed hands"
      }],
      variant: "highlighted"
    })]
  });
}
function MDXContent(props = {}) {
  const { wrapper: MDXLayout } = props.components || {};
  return MDXLayout ? jsx(MDXLayout, {
    ...props,
    children: jsx(_createMdxContent, {
      ...props
    })
  }) : _createMdxContent();
}
export {
  MDXContent as default
};
