import React from 'react' ; import * as Icons from 'design/Icon' ; import { Flex , ButtonIcon } from 'design' ; export default function ActionBar ( { isConnected , isDownloadOpen , isUploadOpen , onOpenDownload , onOpenUpload , } ) { const isScpDisabled = isDownloadOpen || isUploadOpen || ! isConnected ; return ( < Flex flex = "none" alignItems = "center" height = "24px" > < ButtonIcon disabled = { isScpDisabled } size = { 0 } title = "Download files" onClick = { onOpenDownload } > < Icons . Download fontSize = "16px" / > < /ButtonIcon> < ButtonIcon disabled = { isScpDisabled } size = { 0 } title = "Upload files" onClick = { onOpenUpload } > < Icons . Upload fontSize = "16px" / > < /ButtonIcon> < /Flex>); } type Props = { isConnected : boolean ; isDownloadOpen : boolean ; isUploadOpen : boolean ; onOpenDownload : ( ) => void ; onOpenUpload : ( ) => void ; } ;