34 lines
1.1 KiB
JavaScript
34 lines
1.1 KiB
JavaScript
/* 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 { SafeAnchor } from "../SafeAnchor/SafeAnchor";
|
|
import { FluentOrText } from "content-src/components/FluentOrText/FluentOrText";
|
|
|
|
export class DSMessage extends React.PureComponent {
|
|
render() {
|
|
return (
|
|
<div className="ds-message">
|
|
<header className="title">
|
|
{this.props.icon && (
|
|
<div
|
|
className="glyph"
|
|
style={{ backgroundImage: `url(${this.props.icon})` }}
|
|
/>
|
|
)}
|
|
{this.props.title && (
|
|
<span className="title-text">
|
|
<FluentOrText message={this.props.title} />
|
|
</span>
|
|
)}
|
|
{this.props.link_text && this.props.link_url && (
|
|
<SafeAnchor className="link" url={this.props.link_url}>
|
|
<FluentOrText message={this.props.link_text} />
|
|
</SafeAnchor>
|
|
)}
|
|
</header>
|
|
</div>
|
|
);
|
|
}
|
|
}
|