<commit_before>import { Box, color } from "@artsy/palette"
import Input from "Components/Input"
import React from "react"
import styled from "styled-components"

const SearchButton = styled.button`
  position: absolute;
  right: 0;
  top: 50%;
  border: none;
  margin-top: -14px;
  width: 24px;
  height: 24px;
  margin-right: 10px;
  background: none;
  padding: 0;

  :focus {
    background: ${color("purple100")};
    border-radius: 50%;

    svg > path {
      fill: #fff;
    }
  }
`

export const SearchInputContainer = props => {
  return (
    <Box style={{ position: "relative" }}>
      <Input style={{ width: "100%" }} {...props} />
      <SearchButton>
        <svg width="18" height="18" xmlns="http://www.w3.org/2000/svg">
          <path
            d="M11.5 3a3.5 3.5 0 1 1 0 7 3.5 3.5 0 0 1 0-7zm0-1A4.5 4.5 0 1 0 16 6.5 4.49 4.49 0 0 0 11.5 2zM9.442 9.525l-.88-.88L2.06 15.06l.88.88 6.502-6.415z"
            fill="#000"
            fill-rule="nonzero"
          />
        </svg>
      </SearchButton>
    </Box>
  )
}<commit_msg>Fix some oversights<commit_after>import { Box, color } from "@artsy/palette"
import Input from "Components/Input"
import React from "react"
import styled from "styled-components"

const SearchButton = styled.button`
  position: absolute;
  right: 0;
  top: 50%;
  border: none;
  margin-top: -14px;
  width: 24px;
  height: 24px;
  margin-right: 10px;
  background: none;
  padding: 0;

  :focus {
    background: ${color("purple100")};
    border-radius: 50%;

    svg > path {
      fill: ${color("white100")};
    }
  }
`

export const SearchInputContainer = props => {
  return (
    <Box style={{ position: "relative" }}>
      <Input style={{ width: "100%" }} {...props} />
      <SearchButton>
        <svg width="18" height="18" xmlns="http://www.w3.org/2000/svg">
          <title>search</title>
          <path
            d="M11.5 3a3.5 3.5 0 1 1 0 7 3.5 3.5 0 0 1 0-7zm0-1A4.5 4.5 0 1 0 16 6.5 4.49 4.49 0 0 0 11.5 2zM9.442 9.525l-.88-.88L2.06 15.06l.88.88 6.502-6.415z"
            fill="#000"
            fillRule="nonzero"
          />
        </svg>
      </SearchButton>
    </Box>
  )
}
{'fraction_non_alphanumeric': 0.16334106728538283, 'fraction_numerical': 0.10440835266821345, 'mean_word_length': 2.2666666666666666, 'pattern_counts': {'":': 0, '<': 21, '<?xml version=': 0, '>': 25, 'https://': 0, 'lorem ipsum': 0, 'www.': 2, 'xml': 2}, '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': '2265660', 'n_tokens_mistral': 958, 'n_tokens_neox': 803, 'n_words': 211}