<template lang="pug">
  .wrapper.flex.gap-x-2
    medical-protocols-list(:open-inspection="openInspection", :create-inspection="createInspection")
    medical-protocols-inspection(:inspection="inspection", :fill-inspection="fillInspection")
</template>

<script>
import MedicalProtocolsList from "@/pages/newMedicalCard/components/MedicalProtocolsList.vue";
import MedicalProtocolsInspection from "@/pages/newMedicalCard/components/MedicalProtocolsInspection.vue";
export default {
  name: "MedicalProtocolsWrapper",
  components: { MedicalProtocolsList, MedicalProtocolsInspection },
  data() {
    return {
      inspection: false,
      fillInspection: false,
    };
  },
  methods: {
    openInspection() {
      this.inspection = !this.inspection;
    },
    createInspection() {
      this.fillInspection = !this.fillInspection;
    },
  },
};
</script>

<style lang="sass" scoped>
.wrapper
  flex: 1
  overflow-y: auto
</style>
