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

type Props = {
  t: (p: 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);