<template>
  <div>
    <b-row class="mb-3" >
      <b-col md="3" sm="12">
        <profile-photo />
      </b-col>
      <b-col>
        <my-register />
      </b-col>
      <b-col>
        <my-contacts />
      </b-col>
    </b-row>

    <b-row class="mb-3">
      <b-col md="3" sm="12">
        <account-relationship />
      </b-col>
      <b-col>
        <profile-address />
      </b-col>
    </b-row>

   
    <b-modal v-model="shouldOpenPhotoModal">Hello From Modal!</b-modal>

  </div>
</template>

<script>
import ProfilePhoto from '@/components/profile/ProfilePhoto.vue';
import MyRegister from '@/components/profile/MyRegister.vue';
import MyContacts from '@/components/profile/MyContacts.vue';
import AccountRelationship from '@/components/profile/AccountRelationship.vue';
import ProfileAddress from '@/components/profile/ProfileAddress.vue';
import BottomBanner from '@/components/shared-components/BottomBanner.vue';


export default {
  components: {
    MyRegister,
    MyContacts,
    BottomBanner,
    ProfilePhoto,
    ProfileAddress,
    AccountRelationship,
  },
  computed: {
    shouldOpenPhotoModal() {
      return false;
    },
  },
};
</script>

<style>

</style>
