// @flow
import React from "react";
import { translate } from "react-i18next";
import type { File } from "@scm-manager/ui-types";
import { DownloadButton } from "@scm-manager/ui-components";

type Props = {
  t: string => string,
  file: File
};

class DownloadViewer extends React.Component<Props> {
  render() {
    const { t, file } = this.props;
    return (
      <div className="has-text-centered">
        <DownloadButton
          url={file._links.self.href}
          displayName={t("sources.content.downloadButton")}
        />
      </div>
    );
  }
}

export default translate("repos")(DownloadViewer);
