<template>
  <accordion-card title="Overige">
    <v-row>
      <v-col cols="12" sm="12" md="3">
        <v-subheader class="txt--text font-weight-black ml-10">
          Leeromgeving
        </v-subheader>
      </v-col>
      <v-col cols="12" sm="12" md="6">
        <v-text-field outlined> </v-text-field>
      </v-col>
      <v-col cols="12" sm="12" md="3"> </v-col>
    </v-row>

    <v-row>
      <v-col cols="12" sm="12" md="3"> </v-col>
      <v-col cols="12" sm="12" md="6">
        <v-btn
          class="cta-secondary"
          block
          depressed
          @click=""
          min-height="60px"
        >
          <v-icon x-small class="mx-4">icon-add</v-icon>

          {{ $t('general.add') | capitalize }}</v-btn
        >
      </v-col>
      <v-col cols="12" sm="12" md="3"> </v-col>
    </v-row>
  </accordion-card>
</template>

<script>
import accordionCard from '@/components/UI/AccordionCard/AccordionCard'
export default {
  components: {
    accordionCard,
  },
  props: {
    editMode: {
      type: Boolean,
      default: false,
    },
  },
  computed: {},
}
</script>