From 6bf0a5cb5034a7e684dcc3500e841785237ce2dd Mon Sep 17 00:00:00 2001
From: Daniel Baumann <daniel.baumann@progress-linux.org>
Date: Sun, 7 Apr 2024 19:32:43 +0200
Subject: Adding upstream version 1:115.7.0.

Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
---
 .../content-src/aboutwelcome/components/Themes.jsx | 51 ++++++++++++++++++++++
 1 file changed, 51 insertions(+)
 create mode 100644 browser/components/newtab/content-src/aboutwelcome/components/Themes.jsx

(limited to 'browser/components/newtab/content-src/aboutwelcome/components/Themes.jsx')

diff --git a/browser/components/newtab/content-src/aboutwelcome/components/Themes.jsx b/browser/components/newtab/content-src/aboutwelcome/components/Themes.jsx
new file mode 100644
index 0000000000..def2603426
--- /dev/null
+++ b/browser/components/newtab/content-src/aboutwelcome/components/Themes.jsx
@@ -0,0 +1,51 @@
+/* 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 React from "react";
+import { Localized } from "./MSLocalized";
+
+export const Themes = props => {
+  return (
+    <div className="tiles-theme-container">
+      <div>
+        <fieldset className="tiles-theme-section">
+          <Localized text={props.content.subtitle}>
+            <legend className="sr-only" />
+          </Localized>
+          {props.content.tiles.data.map(
+            ({ theme, label, tooltip, description }) => (
+              <Localized
+                key={theme + label}
+                text={typeof tooltip === "object" ? tooltip : {}}
+              >
+                <label className="theme" title={theme + label}>
+                  <Localized
+                    text={typeof description === "object" ? description : {}}
+                  >
+                    <input
+                      type="radio"
+                      value={theme}
+                      name="theme"
+                      checked={theme === props.activeTheme}
+                      className="sr-only input"
+                      onClick={props.handleAction}
+                    />
+                  </Localized>
+                  <div
+                    className={`icon ${
+                      theme === props.activeTheme ? " selected" : ""
+                    } ${theme}`}
+                  />
+                  <Localized text={label}>
+                    <div className="text" />
+                  </Localized>
+                </label>
+              </Localized>
+            )
+          )}
+        </fieldset>
+      </div>
+    </div>
+  );
+};
-- 
cgit v1.2.3

