<commit_before>import React, { Component } from 'react'
import styled, { keyframes } from 'styled-components'

const dash = keyframes`
  to {
    stroke-dashoffset: 2;
    stroke-dasharray: 72;
  }
`

const Base = styled.svg`
  display: none;
  @media screen and (min-width: 48em) and (min-height: 42em) {
    position: absolute;
    top: 30%;
    left: 52%;
    display: block;
    width: 256px;
    height: 128px;
    path {
      animation: ${dash} 2.5s cubic-bezier(0.625, 0.25, 0.25, 0.875) forwards;
      stroke: #fff;
      stroke-width: 2.5;
      stroke-linecap: round;
      stroke-linejoin: round;
      stroke-dasharray: 72;
      stroke-dashoffset: 72;
    }
  }
  @media screen and (min-width: 64em) and (min-height: 48em) {
    top: 33%;
  }
`

class Possibility extends Component {
  state = { visible: false }

  componentDidMount() {
    setTimeout(() => {
      this.setState({ visible: true })
    }, 4000)
  }

  render() {
    return (
      this.state.visible && (<commit_msg>Add shadow to Possibility<commit_after>import React, { Component } from 'react'
import styled, { keyframes } from 'styled-components'

const dash = keyframes`
  to {
    stroke-dashoffset: 2;
    stroke-dasharray: 72;
  }
`

const Base = styled.svg`
  display: none;
  @media screen and (min-width: 48em) and (min-height: 42em) {
    position: absolute;
    top: 30%;
    left: 52%;
    display: block;
    width: 256px;
    height: 128px;
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.5));
    path {
      animation: ${dash} 2.5s cubic-bezier(0.625, 0.25, 0.25, 0.875) forwards;
      stroke: #fff;
      stroke-width: 2.5;
      stroke-linecap: round;
      stroke-linejoin: round;
      stroke-dasharray: 72;
      stroke-dashoffset: 72;
    }
  }
  @media screen and (min-width: 64em) and (min-height: 48em) {
    top: 33%;
  }
`

class Possibility extends Component {
  state = { visible: false }

  componentDidMount() {
    setTimeout(() => {
      this.setState({ visible: true })
    }, 4000)
  }

  render() {
    return (
      this.state.visible && (
{'fraction_non_alphanumeric': 0.14078374455732948, 'fraction_numerical': 0.05128205128205128, 'mean_word_length': 2.5902777777777777, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 5, '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': '2744946', 'n_tokens_mistral': 815, 'n_tokens_neox': 718, 'n_words': 191}