<script>


export default {
  data(){
    return {
      restaurant:{
        name: '',
        address: ''
      }
    }
  }
}

</script>

<template>
    <div id="container" class="border px-5 py-2">
      <p>Local details...</p>
      <p>Working hours: xx:yy-xx:yy</p>
      <ul>
        <li>Service 1</li>
        <li>Service 2</li>
        <li>Service 3</li>
      </ul>
      <p>Average rating...</p>
      <button class="btn btn-dark">More details</button>
      <button class="btn btn-dark ms-2">Make reservation</button>
    </div>
</template>

<style scoped>

#container {

  font-size: 20px;

}

</style>
