<commit_before>import React from 'react';
import "./Window.css";

interface WindowInterface {
  width?: number | string;
  height?: number | string;
  backgroundColor: string;
  children?: React.ReactNode;
}

function Window({width = 0, height = 0, backgroundColor, children} : WindowInterface) {
  return (
    <div className="window-content scale-up-center" style={{
      borderRadius: 17,
      width,
      height,
      backgroundColor
      }}>
      {children}
    </div>
  );
}

export default Window;
<commit_msg>add windows panel<commit_after>import React from 'react';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { faCircle } from '@fortawesome/free-solid-svg-icons';
import "./Window.css";


interface WindowInterface {
  width?: number | string;
  height?: number | string;
  backgroundColor: string;
  children?: React.ReactNode;
}

function Window({width = 0, height = 0, backgroundColor, children} : WindowInterface) {
  return (
    <div className="scale-up-center">
      <div style={{ background: "#d6d6d6", height: "30px", width: "100%", borderRadius: "10px 10px 0 0"}}>
        <div style={{ gap: "5px", display: "flex", flexDirection: "row-reverse", alignItems: "center", width:'98%', height:'100%'}}>
          <FontAwesomeIcon icon={faCircle} size="xs" color="#ff6159"/>
          <FontAwesomeIcon icon={faCircle} size="xs" color="#ffc130"/>
          <FontAwesomeIcon icon={faCircle} size="xs" color="#2acd43"/>
        </div>
      </div>
      <div className="window-content" style={{
        borderRadius: "0 0 10px 10px",
        width,
        height,
        backgroundColor
        }}>
        {children}
      </div>
    </div>
  );
}

export default Window;

{'fraction_non_alphanumeric': 0.1521486643437863, 'fraction_numerical': 0.024390243902439025, 'mean_word_length': 3.3620253164556964, 'pattern_counts': {'":': 0, '<': 16, '<?xml version=': 0, '>': 16, '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': '4089355', 'n_tokens_mistral': 558, 'n_tokens_neox': 531, 'n_words': 136}