<commit_before>import * as React from "react";
import { ChangeEvent } from "react";

interface CustomCSSEditorProps {
    currentCSS: string;
    updateCurrentCSS: (css: string) => void;
}
interface State {
    manualCSS: string;
}

export class CustomCSSEditor extends React.Component<CustomCSSEditorProps, State> {
    constructor(props) {
        super(props);
        this.state = {
            manualCSS: props.currentCSS
        };
    }

    private updateCSS = (event: ChangeEvent<HTMLTextAreaElement>) => {
        this.setState({ manualCSS: event.target.value });
        this.props.updateCurrentCSS(event.target.value);
    }

    public render() {
        return <div className="custom-css-editor">
            <p>Epic Initiative is enabled.</p>
            <textarea rows={10} onChange={this.updateCSS}>{this.props.currentCSS}</textarea>
        </div>;
    }
}<commit_msg>Add a SketchPicker element<commit_after>import * as React from "react";
import { ChangeEvent } from "react";
import { SketchPicker } from "react-color";

interface CustomCSSEditorProps {
    currentCSS: string;
    updateCurrentCSS: (css: string) => void;
}
interface State {
    manualCSS: string;
}

export class CustomCSSEditor extends React.Component<CustomCSSEditorProps, State> {
    constructor(props) {
        super(props);
        this.state = {
            manualCSS: props.currentCSS
        };
    }

    private updateCSS = (event: ChangeEvent<HTMLTextAreaElement>) => {
        this.setState({ manualCSS: event.target.value });
        this.props.updateCurrentCSS(event.target.value);
    }

    public render() {
        return <div className="custom-css-editor">
            <p>Epic Initiative is enabled.</p>
            <textarea rows={10} onChange={this.updateCSS} value={this.props.currentCSS} />
            <SketchPicker />
        </div>;
    }
}
{'fraction_non_alphanumeric': 0.12284482758620689, 'fraction_numerical': 0.0021551724137931034, 'mean_word_length': 2.8849372384937237, 'pattern_counts': {'":': 0, '<': 19, '<?xml version=': 0, '>': 23, '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': '2881736', 'n_tokens_mistral': 539, 'n_tokens_neox': 530, 'n_words': 115}