old_contents: import React, { PropTypes } from 'react';
  
  export default function Option(props) {
  
    const {
      data,
      isHovered,
      onOptionClick,
      onOptionMouseMove
    } = props;
  
    return (
      <li>
        <a
          className={'Fusionbox-option'}
          href="#"
          onClick={() => onOptionClick(data)}
          onMouseMove={() => onOptionMouseMove(data)}
          role={'option'}
          style={{
            backgroundColor: isHovered ?
              'rgba(245, 245, 245, 1)' :
              'rgba(0, 0, 0, 0)',
            color: 'inherit',
            display: 'block',
            outlineOffset: '-2',
            padding: '3',
            textDecoration: 'none'
          }}
          tabIndex={-1}>
          {data.label}
          </a>
      </li>
    );
  
  }
  
  Option.propTypes = {
    data: PropTypes.shape({
      label: PropTypes.string.isRequired,
      value: PropTypes.string.isRequired
    }).isRequired,
    isHovered: PropTypes.bool.isRequired,
    onOptionClick: PropTypes.func.isRequired,
    onOptionMouseMove: PropTypes.func.isRequired
  };
  
new_contents: import React, { PropTypes } from 'react';
  
  export default function Option(props) {
  
    const {
      data,
      isHovered,
      onOptionClick,
      onOptionMouseMove
    } = props;
  
    return (
      <li>
        <a
          className={'Fusionbox-option'}
          href="#"
          onClick={() => onOptionClick(data)}
          onMouseMove={() => onOptionMouseMove(data)}
          role={'option'}
          style={{
            backgroundColor: isHovered ?
              'rgba(245, 245, 245, 1)' :
              'rgba(0, 0, 0, 0)',
            color: 'inherit',
            display: 'block',
            outlineOffset: -2,
            padding: 3,
            textDecoration: 'none'
          }}
          tabIndex={-1}>
          {data.label}
          </a>
      </li>
    );
  
  }
  
  Option.propTypes = {
    data: PropTypes.shape({
      label: PropTypes.string.isRequired,
      value: PropTypes.string.isRequired
    }).isRequired,
    isHovered: PropTypes.bool.isRequired,
    onOptionClick: PropTypes.func.isRequired,
    onOptionMouseMove: PropTypes.func.isRequired
  };
  
subject: Update inline style syntax