<template>
  <toolbar-component pageTitle="Checklists" />
  <q-page padding>
    <q-card bordered separator style="max-width: 400px">
      <q-card-section clickable v-ripple>
        <div class="text-h6">Engine Starting</div>
        <div class="text-subtitle2">
          Proper procedures for starting an outboard engine.
        </div>
      </q-card-section>
    </q-card>
    <q-card bordered separator style="max-width: 400px">
      <q-card-section clickable v-ripple>
        <div class="text-h6">Pre-Sail Checklist J/27</div>
        <div class="text-subtitle2">
          Mandatory Safety and Equipment readiness check for J/27 class boats.
        </div>
      </q-card-section>
    </q-card>
  </q-page>
</template>

<script setup lang="ts">
import ToolbarComponent from 'src/components/ToolbarComponent.vue';
</script>
