// @flow import * as icons from 'constants/icons'; import * as React from 'react'; import Icon from 'component/common/icon'; import FilePrice from 'component/filePrice'; import VideoDuration from 'component/videoDuration'; type Props = { uri: string, downloaded: boolean, claimIsMine: boolean, isSubscribed: boolean, isNew: boolean, }; export default function FileProperties(props: Props) { const { uri, downloaded, claimIsMine, isSubscribed } = props; return ( <div className="file-properties"> {isSubscribed && <Icon tooltip icon={icons.SUBSCRIBE} />} {!claimIsMine && downloaded && <Icon tooltip icon={icons.DOWNLOAD} />} <FilePrice hideFree uri={uri} /> <VideoDuration className="media__subtitle" uri={uri} /> </div> ); }