src/shared/components/common/banner-icon-header.tsx

   1 import { Component } from "inferno";
   2 import { PictrsImage } from "./pictrs-image";
   3
   4 interface BannerIconHeaderProps {
   5   banner?: string;
   6   icon?: string;
   7 }
   8
   9 export class BannerIconHeader extends Component<BannerIconHeaderProps, any> {
  10   constructor(props: any, context: any) {
  11     super(props, context);
  12   }
  13
  14   render() {
  15     return (
  16       <div class="position-relative mb-2">
  17         {this.props.banner && <PictrsImage src={this.props.banner} alt="" />}
  18         {this.props.icon && (
  19           <PictrsImage
  20             src={this.props.icon}
  21             iconOverlay
  22             pushup={!!this.props.banner}
  23             alt=""
  24           />
  25         )}
  26       </div>
  27     );
  28   }
  29 }