<commit_before>import React from 'react';
import PropTypes from 'prop-types';
import shuffle from 'shuffle-array';
import styled, { keyframes } from 'styled-components';

import Button from '../../shared/Button';
import Dialog from '../../shared/Dialog';
import Emojify from '../../shared/Emojify';

const IMAGE_PADDING_HORIZONTAL = 6;
const IMAGE_PADDING_VERTICAL = 9;

const PEOPLE = [
  { image: "keithpitt", name: "<NAME>", backgroundColor: "rgb(216,138,139)" },
  { image: "harriet", name: "<NAME>", backgroundColor: "rgb(206,153,117)" },
  { image: "ticky", name: "<NAME>", backgroundColor: "rgb(236,188,217)" },
  { image: "sj26", name: "<NAME>", backgroundColor: "rgb(179,166,187)" },
  { image: "toolmantim", name: "<NAME>", backgroundColor: "rgb(129,188,228)" },
  { image: "lox", name: "<NAME>", backgroundColor: "rgb(149,149,143)" },
  { image: "eleanor", name: "<NAME>", backgroundColor: "rgb(149,149,143)" },
];

const wave = keyframes`
  from {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(-15deg);
  }
  to {
    transform: rotate(0deg);
  }
`;

const WavingEmoji = styled(Emojify)`
  will-change: transform;
  animation: ${wave} .3s 100ms 3 ease-in-out alternate;
  transform-origin: 70% 75%;
`;

const Mugshots = styled.div`
  padding: ${IMAGE_PADDING_VERTICAL}px ${15 + IMAGE_PADDING_HORIZONTAL}px;
`;

const Mugshot = styled.img`
  background-color: ${(props) => props.backgroundColor};
  width: 70px;
  height: 70px;
  border-width: 2px;
  margin: ${-IMAGE_PADDING_VERTICAL}px ${-IMAGE_PADDING_HORIZONTAL}px;<commit_msg>Fix :eslint:<commit_after>import React from 'react';
import PropTypes from 'prop-types';
import shuffle from 'shuffle-array';
import styled, { keyframes } from 'styled-components';

import Button from '../../shared/Button';
import Dialog from '../../shared/Dialog';
import Emojify from '../../shared/Emojify';

const IMAGE_PADDING_HORIZONTAL = 6;
const IMAGE_PADDING_VERTICAL = 9;

const PEOPLE = [
  { image: "keithpitt", name: "<NAME>", backgroundColor: "rgb(216,138,139)" },
  { image: "harriet", name: "<NAME>", backgroundColor: "rgb(206,153,117)" },
  { image: "ticky", name: "<NAME>", backgroundColor: "rgb(236,188,217)" },
  { image: "sj26", name: "<NAME>", backgroundColor: "rgb(179,166,187)" },
  { image: "toolmantim", name: "<NAME>", backgroundColor: "rgb(129,188,228)" },
  { image: "lox", name: "<NAME>", backgroundColor: "rgb(149,149,143)" },
  { image: "eleanor", name: "<NAME>", backgroundColor: "rgb(149,149,143)" }
];

const wave = keyframes`
  from {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(-15deg);
  }
  to {
    transform: rotate(0deg);
  }
`;

const WavingEmoji = styled(Emojify)`
  will-change: transform;
  animation: ${wave} .3s 100ms 3 ease-in-out alternate;
  transform-origin: 70% 75%;
`;

const Mugshots = styled.div`
  padding: ${IMAGE_PADDING_VERTICAL}px ${15 + IMAGE_PADDING_HORIZONTAL}px;
`;

const Mugshot = styled.img`
  background-color: ${(props) => props.backgroundColor};
  width: 70px;
  height: 70px;
  border-width: 2px;
  margin: ${-IMAGE_PADDING_VERTICAL}px ${-IMAGE_PADDING_HORIZONTAL}px;
{'fraction_non_alphanumeric': 0.18645699614890887, 'fraction_numerical': 0.05712451861360719, 'mean_word_length': 4.903409090909091, 'pattern_counts': {'":': 0, '<': 17, '<?xml version=': 0, '>': 19, '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': '2488848', 'n_tokens_mistral': 1259, 'n_tokens_neox': 1129, 'n_words': 256}