{"size": 731, "ext": "js", "max_stars_repo_path": "src/components/menu/mains.js", "max_stars_repo_name": "soniasusanto/sunset-railway-cafe", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/components/menu/mains.js", "max_issues_repo_name": "soniasusanto/sunset-railway-cafe", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/components/menu/mains.js", "max_forks_repo_name": "soniasusanto/sunset-railway-cafe", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 24.3666666667, "max_line_length": 72, "alphanum_fraction": 0.4678522572}
import React from "react"

const Mains = () => {
  const items = [
    { id: 1, title: "Chicken Macaroni", price: "5.20" },
    { id: 2, title: "Laksa", price: "7.00" },
    { id: 3, title: "Mee Siam", price: "6.50" },
    { id: 4, title: "Nasi Lemak", price: "8.00" },
    { id: 5, title: "Curry Chicken W Rice/Bread ", price: "7.80/8.00" },
  ]

  return (
    <div>
      {/* <p className="sample">SAMPLE MENU</p> */}
      <ul className="menu-items-grid">
        {items.map(node => {
          return (
            <li key={node.id} className="menu-item">
              <h3>{node.title}</h3>
              <span>${node.price}</span>
            </li>
          )
        })}
      </ul>
    </div>
  )
}

export default Mains
