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

import { Component } from "inferno";
import { PictrsImage } from "./pictrs-image";

interface BannerIconHeaderProps {
  banner?: string;
  icon?: string;
}

export class BannerIconHeader extends Component<BannerIconHeaderProps, any> {
  constructor(props: any, context: any) {
    super(props, context);
  }

  render() {
    const banner = this.props.banner;
    const icon = this.props.icon;
    return banner || icon ? (
      <div className="position-relative mb-2">
        {banner && <PictrsImage src={banner} banner alt="" />}
        {icon && (
          <PictrsImage
            src={icon}
            iconOverlay
            pushup={!!this.props.banner}
            alt=""
          />
        )}
      </div>
    ) : null;
  }
}