export class Editor extends Components {
  constructor(props) {
    super(props);
  }

  onViolationMouseEnter(value){
    this.state.markers = [{ startRow: 0, endRow: 10, className: 'error-marker'}]
    alert("ciccicicici")
  }

  render() {
    return (
              <ViolationsResult
                onMouseOver={this.onViolationMouseEnter}
              />
    );
  }
}

export function ViolationsResult(props) {
  return (
        <Violations
          onMouseOver={props.onMouseOver}
        />
  );
}


export function Violations(props) {
  return (
    <Violation onMouseOver={props.onMouseOver}/>;
  );
}


export function Violation(props) {
  const { violation } = props;
  return (
    <li
      onMouseOver={() => violation.onMouseOver()}
    >
    </li>
}