+// Copyright (C) The Arvados Authors. All rights reserved.
+//
+// SPDX-License-Identifier: AGPL-3.0
+
+import * as React from "react";
+import { ListItemIcon, ListItemText, Button, ListItem } from "@material-ui/core";
+import { DownloadIcon } from "../../../components/icon/icon";
+
+export const DownloadAction = (props: { href?: string, download?: string, onClick?: () => void }) => {
+ const targetProps = props.download ? {} : { target: '_blank' };
+ const downloadProps = props.download ? { download: props.download } : {};
+ return props.href
+ ? <a
+ style={{ textDecoration: 'none' }}
+ href={props.href}
+ onClick={props.onClick}
+ {...targetProps}
+ {...downloadProps}>
+ <ListItem button>
+ <ListItemIcon>
+ <DownloadIcon />
+ </ListItemIcon>
+ <ListItemText>
+ Download
+ </ListItemText>
+ </ListItem>
+ </a >
+ : null;
+};
\ No newline at end of file