<commit_before>import React, { useRef, useState, useEffect } from 'react';
import styled from 'styled-components';
import Icon from '../../base/icons/Icon';
import { useTheme } from '../../util/useTheme';

const NotificationIcon = styled(Icon)`
  align-self: start;
  color: ${props => props.iconColor};
  display: none;

  @media (min-width: ${props => props.theme.screenSize.tablet}) {
    display: initial;
    margin-right: 8px;
  }
`;

const DismissButton = styled.button`
  align-self: start;
  background-color: transparent;
  border: 0;
  color: ${props => props.color.textColor};
  cursor: pointer;
  opacity: 0.8;
  padding: 0;
`;

const ContentWrapper = styled.div`
  align-self: center;
  flex-grow: 1;
`;

const NotificationContent = React.forwardRef((props, ref) => {
  const {
    includeIcon,
    isDismissable,
    onDismiss,
    children,
    iconName,
    iconColor,
    color<commit_msg>Fix: ie11 doesn't like the initial display value<commit_after>import React, { useRef, useState, useEffect } from 'react';
import styled from 'styled-components';
import Icon from '../../base/icons/Icon';
import { useTheme } from '../../util/useTheme';

const NotificationIcon = styled(Icon)`
  align-self: start;
  color: ${props => props.iconColor};
  display: none;

  @media (min-width: ${props => props.theme.screenSize.tablet}) {
    display: inline;
    margin-right: 8px;
  }
`;

const DismissButton = styled.button`
  align-self: start;
  background-color: transparent;
  border: 0;
  color: ${props => props.color.textColor};
  cursor: pointer;
  opacity: 0.8;
  padding: 0;
`;

const ContentWrapper = styled.div`
  align-self: center;
  flex-grow: 1;
`;

const NotificationContent = React.forwardRef((props, ref) => {
  const {
    includeIcon,
    isDismissable,
    onDismiss,
    children,
    iconName,
    iconColor,
    color
{'fraction_non_alphanumeric': 0.14502164502164502, 'fraction_numerical': 0.007575757575757576, 'mean_word_length': 3.6225, 'pattern_counts': {'":': 0, '<': 3, '<?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': '1092448', 'n_tokens_mistral': 617, 'n_tokens_neox': 602, 'n_words': 154}