<commit_before>import styled, { css, keyframes } from 'styled-components';

const Label = styled.label`
  position: relative;
  height: 146px;
  width: 100%;
  padding-top: 28px;
  border: 2px dashed #e3e9f3;
  border-radius: 2px;
  text-align: center;

  > input {
    display: none;
  }

  .icon {
    width: 82px;
    path {
      fill: ${({ showLoader }) => (showLoader ? '#729BEF' : '#ccd0da')};
      transition: fill 0.3s ease;
    }
  }

  .isDraging {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }

  .underline {
    color: #1c5de7;
    text-decoration: underline;
    cursor: pointer;
  }

  &:hover {
    cursor: pointer;
  }

  ${({ isDraging }) => {
    if (isDraging) {
      return css`
        background-color: rgba(28, 93, 231, 0.01) !important;
        border: 2px dashed rgba(28, 93, 231, 0.1) !important;
      `;
    }
  }}

  ${({ showLoader }) => {
    if (showLoader) {
      return css`
        -webkit-animation: ${smoothBlink('transparent', 'rgba(28,93,231,0.05)')}
          2s linear infinite;
        -moz-animation: ${smoothBlink('transparent', 'rgba(28,93,231,0.05)')} 2s
          linear infinite;
        -o-animation: ${smoothBlink('transparent', 'rgba(28,93,231,0.05)')} 2s
          linear infinite;
        animation: ${smoothBlink('transparent', 'rgba(28,93,231,0.05)')} 2s
          linear infinite;
      `;
    }
  }}
`;

const smoothBlink = (firstColor, secondColor) => keyframes`
  0% {
    fill: ${firstColor};
    background-color: ${firstColor};
  }
  26% {
    fill: ${secondColor};
    background-color: ${secondColor};
  }
  76% {
    fill: ${firstColor};
    background-color: ${firstColor};
  }
`;

export default Label;
<commit_msg>Fix PR feedback<commit_after>import styled, { css, keyframes } from 'styled-components';

const Label = styled.label`
  position: relative;
  height: 146px;
  width: 100%;
  padding-top: 28px;
  border: 2px dashed #e3e9f3;
  border-radius: 2px;
  text-align: center;

  > input {
    display: none;
  }

  .icon {
    width: 82px;
    path {
      fill: ${({ showLoader }) => (showLoader ? '#729BEF' : '#ccd0da')};
      transition: fill 0.3s ease;
    }
  }

  .isDraging {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }

  .underline {
    color: #1c5de7;
    text-decoration: underline;
    cursor: pointer;
  }

  &:hover {
    cursor: pointer;
  }

  ${({ isDraging }) => {
    if (isDraging) {
      return css`
        background-color: rgba(28, 93, 231, 0.01) !important;
        border: 2px dashed rgba(28, 93, 231, 0.1) !important;
      `;
    }
  }}

  ${({ showLoader }) => {
    if (showLoader) {
      return css`
        animation: ${smoothBlink('transparent', 'rgba(28,93,231,0.05)')} 2s
          linear infinite;
      `;
    }
  }}
`;

const smoothBlink = (firstColor, secondColor) => keyframes`
  0% {
    fill: ${firstColor};
    background-color: ${firstColor};
  }
  26% {
    fill: ${secondColor};
    background-color: ${secondColor};
  }
  76% {
    fill: ${firstColor};
    background-color: ${firstColor};
  }
`;

export default Label;

{'fraction_non_alphanumeric': 0.16394492475184116, 'fraction_numerical': 0.05155299391610631, 'mean_word_length': 2.494407158836689, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 13, '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': '4266606', 'n_tokens_mistral': 1268, 'n_tokens_neox': 1131, 'n_words': 250}