<commit_before>import React from 'react';
import ImmutablePropTypes from 'react-immutable-proptypes';
import styled from 'styled-components';
import SelectItem from './SelectItem';
import Label from '../Label';

const Container = styled.div``;

const OverlayArea = styled.div`
  position: relative;
  overflow: visible;
`;

const Selected = styled.div`
  padding: ${({ theme }) => theme.selectItem.padding};
  border: ${({ theme }) => theme.selectItem.border};
  cursor: pointer;
`;

const Dropdown = styled.ul`
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding: 0;
  margin: 0;
  border: ${({ theme }) => theme.selectItem.border};
  box-shadow: 0 2px 4px ${({ theme }) => theme.shadow.color};
  background: ${({ theme }) => theme.selectItem.bg};
  z-index: 100;
`;

export default class Select extends React.Component {
  static propTypes = {
    /** Input props, expected to be passed by redux-form */
    input: React.PropTypes.shape({
      /** The currently selected value */
      value: React.PropTypes.any,
      /** Event handler for change in value */
      onChange: React.PropTypes.func,
    }),
    /** All possible values */
    options: React.PropTypes.oneOfType([React.PropTypes.array, ImmutablePropTypes.seq]),
    /** Function to render the display of a value */
    renderOption: React.PropTypes.func,<commit_msg>use bg for select<commit_after>import React from 'react';
import ImmutablePropTypes from 'react-immutable-proptypes';
import styled from 'styled-components';
import SelectItem from './SelectItem';
import Label from '../Label';

const Container = styled.div``;

const OverlayArea = styled.div`
  position: relative;
  overflow: visible;
`;

const Selected = styled.div`
  padding: ${({ theme }) => theme.selectItem.padding};
  border: ${({ theme }) => theme.selectItem.border};
  cursor: pointer;
  background: ${({ theme }) => theme.selectItem.bg};
`;

const Dropdown = styled.ul`
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding: 0;
  margin: 0;
  border: ${({ theme }) => theme.selectItem.border};
  box-shadow: 0 2px 4px ${({ theme }) => theme.shadow.color};
  background: ${({ theme }) => theme.selectItem.bg};
  z-index: 100;
`;

export default class Select extends React.Component {
  static propTypes = {
    /** Input props, expected to be passed by redux-form */
    input: React.PropTypes.shape({
      /** The currently selected value */
      value: React.PropTypes.any,
      /** Event handler for change in value */
      onChange: React.PropTypes.func,
    }),
    /** All possible values */
    options: React.PropTypes.oneOfType([React.PropTypes.array, ImmutablePropTypes.seq]),
    /** Function to render the display of a value */
    renderOption: React.PropTypes.func,
{'fraction_non_alphanumeric': 0.14721919302071973, 'fraction_numerical': 0.007997091966557615, 'mean_word_length': 3.61744966442953, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 14, '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': '4907481', 'n_tokens_mistral': 844, 'n_tokens_neox': 827, 'n_words': 241}