<commit_before>const React = require("react")
const classes = require("./classes")

const $ = React.createElement

function Search(props) {
  const {updateSearch, search} = props
  const clearSearch = () => updateSearch("")
  const input = $("input", {
    type: "search",
    autoComplete: "off",
    autoCorrect: "off",
    inputMode: "verbatim",
    autoCapitalize: "none",
    className: classes(
      "f2 f1-l w-100 border-box",
      "pv2",
      "chunky-focus",
      "inset-shadow",
      "br-pill ba",
      "b--black-30"
    ),
    style: {
      paddingLeft: 65,
      paddingRight: 65,
      height: 55
    },
    placeholder: "search",
    value: search,
    onChange: event =>
      updateSearch(event.target.value),
  })
  const icon = $("img", {
    src: "search.svg",
    width: 40,
    height: 40,
    className: "absolute",
    style: {left: 12, top: 10}
  })
  const clear = $("img", {
    src: "clear.svg",
    width: 40,
    height: 40,
    onClick: clearSearch,
    className: classes(
      "absolute",
      {dn: search === ""}
    ),
    style: {right: 8, top: 8}
  })
  return $("div", {className: "relative mv4"}, icon, input, clear)
}

module.exports = Search<commit_msg>Lil pointer<commit_after>const React = require("react")
const classes = require("./classes")

const $ = React.createElement

function Search(props) {
  const {updateSearch, search} = props
  const clearSearch = () => updateSearch("")
  const input = $("input", {
    type: "search",
    autoComplete: "off",
    autoCorrect: "off",
    inputMode: "verbatim",
    autoCapitalize: "none",
    className: classes(
      "f2 f1-l w-100 border-box",
      "pv2",
      "chunky-focus",
      "inset-shadow",
      "br-pill ba",
      "b--black-30"
    ),
    style: {
      paddingLeft: 65,
      paddingRight: 65,
      height: 55
    },
    placeholder: "search",
    value: search,
    onChange: event =>
      updateSearch(event.target.value),
  })
  const icon = $("img", {
    src: "search.svg",
    width: 40,
    height: 40,
    className: "absolute",
    style: {left: 12, top: 10}
  })
  const clear = $("img", {
    src: "clear.svg",
    width: 40,
    height: 40,
    onClick: clearSearch,
    className: classes(
      "absolute pointer",
      {dn: search === ""}
    ),
    style: {right: 8, top: 8}
  })
  return $("div", {className: "relative mv4"}, icon, input, clear)
}

module.exports = Search
{'fraction_non_alphanumeric': 0.16777408637873753, 'fraction_numerical': 0.02408637873754153, 'mean_word_length': 2.5794947994056465, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 7, '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': '2426615', 'n_tokens_mistral': 858, 'n_tokens_neox': 809, 'n_words': 207}