<template>
  <div :style="styles"  class="gaea-slot" data-slot-name='default' >
    <slot></slot>
  </div>
</template>

<script>
import { editSetting } from './property';
export default {
    editSetting,
    name: editSetting.key,
    level: editSetting.level,
    data () {
        return {
            styles: {
                marginTop:'20px',
                minWidth: '100px',
                width:'95%',
                minHeight: '100px',
                border: '1px solid #ccc',
                backgroundColor:'#FDF8F5',
                paddingBottom:'10px',
                paddingTop: '10px',
                marginLeft: 'auto',
                marginRight: 'auto',
                marginBottom: '10px',
                textAlign: 'center'
            },
            level: editSetting.level
        };
    },
    mounted () {
    }
};
</script>

<style>

</style>
