text: import {IdeaContext} from "context";
  import React, {useContext} from "react";
  import tinycolor from "tinycolor2";
  import {UiBadge} from "ui";
  
  const TagsInfo = () => {
      const {tags} = useContext(IdeaContext).ideaData;
  
      if (tags.length === 0) {
          return <React.Fragment/>;
      }
      return <React.Fragment>
          <div className={"mt-1 text-black-75"}>Tags</div>
          {tags.map((tag, i) => <UiBadge key={i} color={tinycolor(tag.color)} className={"mr-1"}>{tag.name}</UiBadge>)}
      </React.Fragment>
  };
  
  export default TagsInfo;