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 && (
  18           <PictrsImage src={this.props.banner} banner alt="" />
  19         )}
  20         {this.props.icon && (
  21           <PictrsImage
  22             src={this.props.icon}
  23             iconOverlay
  24             pushup={!!this.props.banner}
  25             alt=""
  26           />
  27         )}
  28       </div>
  29     );
  30   }
  31 }