text: import React from "react";
  import ResultView from "./ResultView";
  
  const ResultList = props => {
    const { rules } = props;
    return (
      <div
        style={{
          display: "flex",
          flexDirection: "row",
          justifyContent: "space-between",
          margin: "-0.5em"
        }}
      >
        {rules && rules.length > 0
          ? rules.map(rule => <ResultView key={rule.id} rule={rule} />)
          : null}
      </div>
    );
  };
  
  export default ResultList;
  