import React from 'react';
import i18n from 'ui-i18n';
import Button from '@mui/material/Button';
import CloudUploadIcon from '@mui/icons-material/CloudUpload';
import DeleteIcon from '@mui/icons-material/Delete';
import LinkIcon from '@mui/icons-material/Link';
import DownloadIcon from '../../../icons/Download';
import { SmallIconButtonWithTooltip } from '../../../SmallIconButton';
import { useStyles } from './styles';
export var HeaderRight = function (_a) {
    var onDownload = _a.onDownload, onShare = _a.onShare, onUpload = _a.onUpload, onDelete = _a.onDelete;
    var styles = useStyles();
    return (React.createElement(React.Fragment, null,
        onUpload && (React.createElement(Button, { variant: "contained", color: "primary", onClick: onUpload, startIcon: React.createElement(CloudUploadIcon, null) }, i18n.text('Upload'))),
        onDownload && onUpload && React.createElement("div", { className: styles.divider }),
        onDownload && (React.createElement(SmallIconButtonWithTooltip, { className: styles.downloadButton, tooltipTitle: i18n.text('Download selected items'), icon: DownloadIcon, onClick: onDownload })),
        onShare && (React.createElement(SmallIconButtonWithTooltip, { className: styles.shareButton, tooltipTitle: i18n.text('Copy link'), icon: LinkIcon, onClick: onShare })),
        onDelete && (React.createElement(SmallIconButtonWithTooltip, { className: styles.deleteButton, tooltipTitle: i18n.text('Delete selected items'), icon: DeleteIcon, onClick: onDelete }))));
};
