import { jsx, jsxs, Fragment } from "react/jsx-runtime";
import { F as FeatureHighlights, T as TrendingUp, g as ChartNoAxesColumn, K as KeyPointsList } from "./index.js";
import "react";
import { I as InfoCard } from "./index2.js";
import { S as ShoppingCart } from "./shopping-cart.js";
import { D as DollarSign } from "./dollar-sign.js";
function _createMdxContent(props) {
  return jsxs(Fragment, {
    children: [jsx(FeatureHighlights, {
      cardTitle: "Four Headline Metrics",
      cardDescription: "The top of your dashboard shows the four numbers that give you the fastest read on how your advertising is performing.",
      cardIcon: ChartNoAxesColumn,
      columns: 2,
      highlights: [{
        icon: ShoppingCart,
        title: "Measured Conversions",
        description: "Purchases we traced back to a marketing touchpoint in the 90-day attribution window"
      }, {
        icon: DollarSign,
        title: "Ad Spend",
        description: "Total amount spent on ads across all connected platforms in the selected date range"
      }, {
        icon: TrendingUp,
        title: "Measured Revenue",
        description: "Revenue from purchases we could attribute to your marketing efforts"
      }, {
        icon: ChartNoAxesColumn,
        title: "ROAS",
        description: "Measured Revenue divided by Ad Spend — your return on every dollar spent"
      }]
    }), "\n", jsx(InfoCard, {
      title: "What the two charts show",
      description: "Trend and breakdown views below the headline metrics",
      icon: ChartNoAxesColumn,
      variant: "highlighted",
      items: [{
        title: "Traffic Funnel",
        description: "Shows the journey from impressions to clicks to purchases, representing at the top level how effectively ads served are leading to dollars spent."
      }, {
        title: "Revenue Over Time",
        description: "Shows measured revenue and ad spend side by side over the selected date range. Look for periods where revenue rises without a matching increase in spend — that is where your campaigns are most efficient."
      }]
    }), "\n", jsx(KeyPointsList, {
      title: "What 'measured' means",
      points: [{
        text: '"Measured" always means we could trace the purchase back to a marketing touchpoint — it is not your total business revenue'
      }, {
        text: "Purchases without a matching marketing touchpoint in the 90-day window show as Unknown and are still counted in transactions but cannot be attributed to a channel"
      }, {
        text: "Compare your measured revenue to your total revenue to understand what percentage of your sales are being tracked and attributed"
      }],
      variant: "highlighted"
    })]
  });
}
function MDXContent(props = {}) {
  const { wrapper: MDXLayout } = props.components || {};
  return MDXLayout ? jsx(MDXLayout, {
    ...props,
    children: jsx(_createMdxContent, {
      ...props
    })
  }) : _createMdxContent();
}
export {
  MDXContent as default
};
