diff options
Diffstat (limited to 'browser/components/aboutwelcome/content-src/components/HeroImage.jsx')
-rw-r--r-- | browser/components/aboutwelcome/content-src/components/HeroImage.jsx | 26 |
1 files changed, 26 insertions, 0 deletions
diff --git a/browser/components/aboutwelcome/content-src/components/HeroImage.jsx b/browser/components/aboutwelcome/content-src/components/HeroImage.jsx new file mode 100644 index 0000000000..9ca89179fa --- /dev/null +++ b/browser/components/aboutwelcome/content-src/components/HeroImage.jsx @@ -0,0 +1,26 @@ +/* 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 { AboutWelcomeUtils } from "../lib/aboutwelcome-utils.mjs"; + +export const HeroImage = props => { + const { height, url, alt } = props; + + if (!url) { + return null; + } + + return ( + <div className="hero-image"> + <img + style={height ? { height } : null} + src={url} + loading={AboutWelcomeUtils.getLoadingStrategyFor(url)} + alt={alt || ""} + role={alt ? null : "presentation"} + /> + </div> + ); +}; |