text: import React from "react"
  
  import styles from "./styles.module.scss"
  import { pageNameByLocation } from "../../helpers"
  
  const RestaurantHeader = ({ name, state, city, categories }) => (
    <div className={styles.container}>
      <h1 className={styles.title}>{name}</h1>
      <div className={styles.subtitle}>
        <a className={styles.location} href={pageNameByLocation(state, city)}>
          {city} - {state}
        </a>
        <p className={styles.separator}>|</p>
        <p>{categories.join(", ")}</p>
      </div>
    </div>
  )
  
  export default RestaurantHeader
  