import React from "react";

class SearchResultList extends React.Component {
  render() {
    const { data = [] } = this.props;
    return (
      <div className="result-list">
        {data.map((item, index) => (
          <div key={index}>
            <a href={item.url} target="_blank" rel="noopener noreferrer">
              {item.title}
            </a>
          </div>
        ))}

        {data.length === 0 && (
          <p className="empty">No bookmark found with this query!</p>
        )}
      </div>
    );
  }
}

export default SearchResultList;