//@flow
import React from "react";
import {ExtensionPoint} from "@scm-manager/ui-extensions";
import type {Plugin} from "@scm-manager/ui-types";
import {Image} from "@scm-manager/ui-components";

type Props = {
  plugin: Plugin
};

export default class PluginAvatar extends React.Component<Props> {
  render() {
    const { plugin } = this.props;
    return (
      <p className="image is-64x64">
        <ExtensionPoint name="plugins.plugin-avatar" props={{ plugin }}>
          <Image src={plugin.avatarUrl ? plugin.avatarUrl : "/images/blib.jpg"} alt="Logo" />
        </ExtensionPoint>
      </p>
    );
  }
}