<commit_before>import React from 'react';
import PropTypes from 'prop-types';
import cx from 'classnames';
import { isEmbededComponent } from 'utils/navigation';
import layout from 'styles/layout.scss';
import ShareButton from 'components/button/share-button';
import styles from './ndcs-overview-section-styles.scss';
import QuestionCard from './question-card';

const NdcsOverviewSection = ({ data, section, location }) => {
  const { title, description, hint, questions, color } = data;
  const isEmbed = isEmbededComponent(location);

  return (
    <div
      className={cx({
        [styles.commitmentContainer]: !isEmbed
      })}
    >
      <div className={layout.content}>
        <div className={styles.section}>
          <div className={styles.commitmentWrapper}>
            <div className={styles.commitmentText}>
              <div>
                <h1 className={styles.title}>{`${
                  isEmbed ? '' : `${section}. `
                }${title}`}</h1>
                <p className={styles.description}>{description}</p>
              </div>
              <p className={styles.hint}>{hint}</p>
            </div>
            <div className={styles.barCharts} />
          </div>
          <div className={styles.questionsWrapper}>
            <ShareButton
              className={styles.shareButton}<commit_msg>Remove dot from section title<commit_after>import React from 'react';
import PropTypes from 'prop-types';
import cx from 'classnames';
import { isEmbededComponent } from 'utils/navigation';
import layout from 'styles/layout.scss';
import ShareButton from 'components/button/share-button';
import styles from './ndcs-overview-section-styles.scss';
import QuestionCard from './question-card';

const NdcsOverviewSection = ({ data, section, location }) => {
  const { title, description, hint, questions, color } = data;
  const isEmbed = isEmbededComponent(location);

  return (
    <div
      className={cx({
        [styles.commitmentContainer]: !isEmbed
      })}
    >
      <div className={layout.content}>
        <div className={styles.section}>
          <div className={styles.commitmentWrapper}>
            <div className={styles.commitmentText}>
              <div>
                <h1 className={styles.title}>{`${
                  isEmbed ? '' : `${section} `
                }${title}`}</h1>
                <p className={styles.description}>{description}</p>
              </div>
              <p className={styles.hint}>{hint}</p>
            </div>
            <div className={styles.barCharts} />
          </div>
          <div className={styles.questionsWrapper}>
            <ShareButton
              className={styles.shareButton}
{'fraction_non_alphanumeric': 0.1377645748236168, 'fraction_numerical': 0.0014853323431117712, 'mean_word_length': 2.5078125, 'pattern_counts': {'":': 0, '<': 39, '<?xml version=': 0, '>': 39, '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': '7396416', 'n_tokens_mistral': 723, 'n_tokens_neox': 699, 'n_words': 161}