import React from "react" import PropTypes from "prop-types" export const PolochonMetadata = (props) => { if (!props.quality || props.quality === "") { return null; } const badgeStyle = (props.light) ? "light" : "secondary"; const className = `mx-1 badge badge-pill badge-${badgeStyle}`; return ( {props.quality} {props.container} {props.videoCodec} {props.audioCodec} {props.releaseGroup} ); } PolochonMetadata.propTypes = { light: PropTypes.bool, quality: PropTypes.string, container: PropTypes.string, videoCodec: PropTypes.string, audioCodec: PropTypes.string, releaseGroup: PropTypes.string, };