{"size": 1503, "ext": "js", "max_stars_repo_path": "frontend/src/components/ReactSelect/styles.js", "max_stars_repo_name": "bernardoamim/gympoint", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "frontend/src/components/ReactSelect/styles.js", "max_issues_repo_name": "bernardoamim/gympoint", "max_issues_repo_issues_event_min_datetime": "2021-09-02T12:42:51.000Z", "max_issues_repo_issues_event_max_datetime": "2022-02-27T06:37:39.000Z", "max_forks_repo_path": "frontend/src/components/ReactSelect/styles.js", "max_forks_repo_name": "bernardoamim/gympoint", "max_forks_repo_forks_event_min_datetime": "2020-01-05T22:16:42.000Z", "max_forks_repo_forks_event_max_datetime": "2020-01-05T22:16:42.000Z"}
{"max_stars_count": null, "max_issues_count": 6, "max_forks_count": 1, "avg_line_length": 23.484375, "max_line_length": 63, "alphanum_fraction": 0.5236194278}
export const selectStyles = {
  container: styles => ({ ...styles, marginBottom: '20px' }),
  valueContainer: styles => ({
    ...styles,
    padding: '0 8px',
    height: '42px',
  }),
  control: (styles, { menuIsOpen }) => ({
    ...styles,
    backgroundColor: 'white',
    fontSize: '16px',
    border: menuIsOpen ? '2px solid #ccc' : '1px solid #ddd',
    boxShadow: menuIsOpen ? '#ccc' : '#ddd',

    ':hover': {
      border: menuIsOpen ? '2px solid #ccc' : '1px solid #ddd',
      boxShadow: menuIsOpen ? '#ccc' : '#ddd',
    },
  }),
  option: (styles, { isDisabled, isFocused, isSelected }) => {
    return {
      ...styles,
      // eslint-disable-next-line no-nested-ternary
      backgroundColor: isSelected
        ? 'rgba(0,0,0,0.1)'
        : isFocused
        ? '#eee'
        : null,
      fontSize: '16px',
      color: isSelected ? '#666' : '#999',
      cursor: isDisabled ? 'not-allowed' : 'default',
    };
  },
  input: styles => ({
    ...styles,
    color: '#999',
    margin: '0',
    fontSize: '16px',
    height: '40px',
    padding: '0',
  }),
  placeholder: styles => ({
    ...styles,
    color: '#999',
    fontSize: '16px',
    paddingLeft: '4px',
    width: 'fit-content',
    fontWeight: '300',
    margin: 'auto 0',
  }),
  singleValue: styles => ({
    ...styles,
    color: '#999',
    margin: 'auto 0',
    fontWeight: '300',
    paddingLeft: '4px',
    width: 'fit-content',
  }),
  indicatorSeparator: styles => ({
    ...styles,
    display: 'none',
  }),
};
