1 files changed, 34 insertions, 0 deletions
diff --git a/browser/components/newtab/content-src/components/DiscoveryStreamComponents/FeatureHighlight/SponsoredContentHighlight.jsx b/browser/components/newtab/content-src/components/DiscoveryStreamComponents/FeatureHighlight/SponsoredContentHighlight.jsx
new file mode 100644
index 0000000000..8fdd03be6d
--- /dev/null
+++ b/browser/components/newtab/content-src/components/DiscoveryStreamComponents/FeatureHighlight/SponsoredContentHighlight.jsx
@@ -0,0 +1,34 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this file,
+ * You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+import { FeatureHighlight } from "./FeatureHighlight";
+import { SafeAnchor } from "../SafeAnchor/SafeAnchor";
+import React from "react";
+
+export function SponsoredContentHighlight({ position, dispatch }) {
+  return (
+    <div className="sponsored-content-highlight">
+      <FeatureHighlight
+        position={position}
+        ariaLabel="Sponsored content supports our mission to build a better web."
+        title="Sponsored content more info"
+        feature="SPONSORED_CONTENT_INFO"
+        dispatch={dispatch}
+        message={
+          <span>
+            Sponsored content supports our mission to build a better web.{" "}
+            <SafeAnchor
+              dispatch={dispatch}
+              url="https://support.mozilla.org/kb/pocket-sponsored-stories-new-tabs"
+            >
+              Find out how
+            </SafeAnchor>
+          </span>
+        }
+        icon={<div className="sponsored-message-icon"></div>}
+        toggle={<div className="icon icon-help"></div>}
+      />
+    </div>
+  );
+}