<template>
  <div>
    <Team :team="team">
      <template #title>
        <div class="title">Your best team of lead researchers</div>
      </template>
    </Team>
<!--    <VPopup :is-opened="formIsOpened" @close="formIsOpened = false">-->
<!--      <PopupForm-->
<!--        :fields="['firstname', 'lastname', 'email', 'website']"-->
<!--        :form-id="formId"-->
<!--        @close="formIsOpened = false">-->
<!--        <template #title> Talk to Belkins experts</template>-->
<!--      </PopupForm>-->
<!--    </VPopup>-->
  </div>
</template>

<script lang="ts">
import { defineComponent } from 'vue';
import Team from '@/components/sections/Team/Team.vue';
// import VPopup from '@/components/ui/common/VPopup.vue';
// import PopupForm from '@/components/blocks/PopupForm/PopupForm.vue';
import { IApi } from '@/api/api.types';
import VButton from '@/components/ui/common/VButton.vue';
import { team } from '@/components/pages/lead-research/content';

export default defineComponent({
  components: { VButton, Team },

  data: () => ({
    formIsOpened: false,
    formId: IApi.FormID.PopupForm3,
    team,
  }),
});
</script>

<style lang="scss" scoped>
.description {
  margin-bottom: 16px;
}

.title {
  max-width: 432px;
}
</style>
