<template>
  <div class="props-config-edit">
    <el-dialog
      :title="$t('pages.dashboard.propsSalesOverview.dialogTitle')"
      :visible="true"
      :before-close="handleClose"
      :close-on-click-modal="false"
      :modal-append-to-body="true"
      :append-to-body="true"
      width="80%"
    >
      <props-sales-overview-charts height="300px" />
    </el-dialog>
  </div>
</template>

<script>
import PropsSalesOverviewCharts from '@/components/data/PropsSalesOverviewCharts'

export default {
  components: { PropsSalesOverviewCharts },
  methods: {
    handleClose() {
      this.$emit('close')
    }
  }
}
</script>

<style scoped lang="scss">
</style>
