<commit_before>import React from "react";
// import { Button } from "@blueprintjs/core";
import { jsonToGenbank } from "bio-parsers";
import withEditorProps from "../../withEditorProps";

class GenbankView extends React.Component {
  render() {
    const { sequenceData = {} } = this.props;
    const genbankString = jsonToGenbank(sequenceData);
    return (
      <textarea
        readOnly
        style={{ fontFamily: "monospace", width: 540, height: 350 }}
        value={genbankString}
      />
    );
  }
}
<commit_msg>updating text area styling<commit_after>import React from "react";
// import { Button } from "@blueprintjs/core";
import { jsonToGenbank } from "bio-parsers";
import withEditorProps from "../../withEditorProps";

class GenbankView extends React.Component {
  render() {
    const { sequenceData = {} } = this.props;
    const genbankString = jsonToGenbank(sequenceData);
    return (
      <textarea
        readOnly
        // wrap="soft"
        style={{
          whiteSpace: "pre",
          overflowWrap: "normal",
          overflowX: "scroll",
          fontSize: 11,
          fontFamily: "monospace",
          width: 540,
          height: 350
        }}
        value={genbankString}
      />
    );
  }
}

{'fraction_non_alphanumeric': 0.1280193236714976, 'fraction_numerical': 0.011272141706924315, 'mean_word_length': 2.491573033707865, 'pattern_counts': {'":': 0, '<': 5, '<?xml version=': 0, '>': 5, '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': '3430093', 'n_tokens_mistral': 370, 'n_tokens_neox': 354, 'n_words': 88}