<commit_before><commit_msg>Add functionality to card to map over passed object and display definition list<commit_after>import React from 'react';
import PropTypes from 'prop-types';
import Button from '../Button/Button';

const Card = ( { nounObject } ) => {
  const mappedNounObject = Object.keys( nounObject ).map( key => {
    return (
      <dt className="card-definition-term">
        {key}
      </dt>
      <dd className="card-definition-definition">
        {nountObject[key]}
      </dd>
    )
  });

  return (
    <div className="card">
      <section className="card-header">
        <h3 className="card-title">{nounObject[name]}</h3>
        <Button />
      </section>
      <dl className="card-definition-list">
        {mappedNounObject}
      </dl>
    </div>
  )
}

export default Card;
{'fraction_non_alphanumeric': 0.14516129032258066, 'fraction_numerical': 0.0024813895781637717, 'mean_word_length': 2.788732394366197, 'pattern_counts': {'":': 0, '<': 16, '<?xml version=': 0, '>': 18, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '7458194', 'n_tokens_mistral': 242, 'n_tokens_neox': 239, 'n_words': 59}