<commit_before>import React, { PureComponent } from 'react';
import PropTypes from 'prop-types';
import Box from '../box';
import cx from 'classnames';
import theme from './theme.css';

import { Heading4 } from '../typography';

class TitleTab extends PureComponent {
  static propTypes = {
    active: PropTypes.bool,
    children: PropTypes.node,
    className: PropTypes.string,
    counter: PropTypes.node,
    element: PropTypes.node,
  };

  static defaultProps = {
    element: 'a',
    active: false,
  };

  render() {
    const { active, children, className, counter = null, ...others } = this.props;
    const classNames = cx(theme['title-tab'], { [theme['is-active']]: active }, className);

    return (
      <Box data-teamleader-ui="title-tab" className={classNames} marginHorizontal={3} paddingHorizontal={3} paddingVertical={4} {...others}>
        <Heading4>{children}</Heading4>
        {counter}
      </Box>
    );
  }
}

export default TitleTab;<commit_msg>Format<commit_after>import React, { PureComponent } from 'react';
import PropTypes from 'prop-types';
import Box from '../box';
import cx from 'classnames';
import theme from './theme.css';

import { Heading4 } from '../typography';

class TitleTab extends PureComponent {
  static propTypes = {
    active: PropTypes.bool,
    children: PropTypes.node,
    className: PropTypes.string,
    counter: PropTypes.node,
    element: PropTypes.node,
  };

  static defaultProps = {
    element: 'a',
    active: false,
  };

  render() {
    const { active, children, className, counter = null, ...others } = this.props;
    const classNames = cx(theme['title-tab'], { [theme['is-active']]: active }, className);

    return (
      <Box
        data-teamleader-ui="title-tab"
        className={classNames}
        marginHorizontal={3}
        paddingHorizontal={3}
        paddingVertical={4}
        {...others}
      >
        <Heading4>{children}</Heading4>
        {counter}
      </Box>
    );
  }
}

export default TitleTab;
{'fraction_non_alphanumeric': 0.14556331006979062, 'fraction_numerical': 0.005982053838484547, 'mean_word_length': 3.095918367346939, 'pattern_counts': {'":': 0, '<': 11, '<?xml version=': 0, '>': 11, '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': '1521803', 'n_tokens_mistral': 592, 'n_tokens_neox': 590, 'n_words': 151}