<commit_before>import React from 'react';
import PropTypes from 'prop-types';
import { RT_NAMESPACE, TypeOptions } from '../utils';

export interface CloseButtonProps {
  closeToast: (e: React.MouseEvent<HTMLElement>) => void;
  type: TypeOptions;
  ariaLabel: string;
}

// TODO: move style to css file and also remove font-weight and font-size from css file
export function CloseButton({ closeToast, type, ariaLabel }: CloseButtonProps) {
  return (
    <button
      className={`${RT_NAMESPACE}__close-button ${RT_NAMESPACE}__close-button--${type}`}
      type="button"
      onClick={e => {
        e.stopPropagation();
        closeToast(e);
      }}
      aria-label={ariaLabel}
    >
      <svg
        aria-hidden="true"
        height="16"
        width="14"
        viewBox="0 0 14 16"
        style={{
          fill: 'currentcolor'
        }}
      >
        <path
          fillRule="evenodd"
          d="M7.71 8.23l3.75 3.75-1.48 1.48-3.75-3.75-3.75 3.75L1 11.98l3.75-3.75L1 4.48 2.48 3l3.75 3.75L9.98 3l1.48 1.48-3.75 3.75z"
        ></path>
      </svg>
    </button>
  );
}

CloseButton.propTypes = {
  closeToast: PropTypes.func,
  ariaLabel: PropTypes.string
};

CloseButton.defaultProps = {
  ariaLabel: 'close'
};<commit_msg>remove unecessary tag<commit_after>import React from 'react';
import PropTypes from 'prop-types';
import { RT_NAMESPACE, TypeOptions } from '../utils';

export interface CloseButtonProps {
  closeToast: (e: React.MouseEvent<HTMLElement>) => void;
  type: TypeOptions;
  ariaLabel: string;
}

// TODO: move style to css file and also remove font-weight and font-size from css file
export function CloseButton({ closeToast, type, ariaLabel }: CloseButtonProps) {
  return (
    <button
      className={`${RT_NAMESPACE}__close-button ${RT_NAMESPACE}__close-button--${type}`}
      type="button"
      onClick={e => {
        e.stopPropagation();
        closeToast(e);
      }}
      aria-label={ariaLabel}
    >
      <svg
        aria-hidden="true"
        height="16"
        width="14"
        viewBox="0 0 14 16"
        style={{
          fill: 'currentcolor'
        }}
      >
        <path
          fillRule="evenodd"
          d="M7.71 8.23l3.75 3.75-1.48 1.48-3.75-3.75-3.75 3.75L1 11.98l3.75-3.75L1 4.48 2.48 3l3.75 3.75L9.98 3l1.48 1.48-3.75 3.75z"
        />
      </svg>
    </button>
  );
}

CloseButton.propTypes = {
  closeToast: PropTypes.func,
  ariaLabel: PropTypes.string
};

CloseButton.defaultProps = {
  ariaLabel: 'close'
};
{'fraction_non_alphanumeric': 0.14262820512820512, 'fraction_numerical': 0.06490384615384616, 'mean_word_length': 2.5021037868162694, 'pattern_counts': {'":': 0, '<': 16, '<?xml version=': 0, '>': 20, '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': '361513', 'n_tokens_mistral': 950, 'n_tokens_neox': 886, 'n_words': 185}