interface ICategories {
  edges: any,
  // firstName
  // lastName
  // avatar { url }
}

export default function Categories({ categories }: { categories: ICategories }) {
  return (
    <span className="ml-1">
      under
      {categories.edges.length > 0 ? (
        categories.edges.map((category: any, index: number) => (
          <span key={index} className="ml-1">
            {category.node.name}
          </span>
        ))
      ) : (
        <span className="ml-1">{categories.edges.node.name}</span>
      )}
    </span>
  )
}