<template>
  <div>
    <div v-b-toggle.general class="vb-body-right-option pointer option-head">General</div>
    <b-collapse id="general" visible>
      <div class="container vb-p-10">
        <!-- padding -->

        <allSideToggle
          :allSides="widgetType[selectedWidget.parentRow].columns[selectedWidget.column].rows[selectedWidget.row].style[1]"
          :fieldValues="{name: 'Padding', top: 'paddingTop',bottom: 'paddingBottom',left: 'paddingLeft',right: 'paddingRight'}"
        ></allSideToggle>

        <!-- paddding end -->
      </div>
    </b-collapse>
  </div>
</template>

<script>
import allSideToggle from "./allSideToggle";

export default {
  name: "general",
  components: {
    allSideToggle
  },
  props: {
    widgetType: {
      type: Array
    },
    selectedWidget: {
      type: Object
    }
  },
  data() {
    return {};
  },
  methods: {}
};
</script>

<style>
</style>
