import React from 'react' ; import { ShowcaseTag } from '../../../utils/apiTypes' ; export interface CardTagsProps { tags : ShowcaseTag [ ] ; } export const CardTags = ( { tags } ) => { return ( < div > { tags . map ( ( { color , label } , index ) => { return ( < span className = "badge" key = { index } style = { { backgroundColor : color , marginRight : "0.3rem" , userSelect : "none" } } > { label } < /span>); } ) } < /div>); } ;