<template>
    <footer class="el-footer ap-footer" :style="{ height, margin: marginValue}">
        <slot></slot>
    </footer>
</template>

<script>
    import ApLayoutBase from './ApLayoutBase'

    export default {
        name: 'ApFooter',
        componentName: 'ApFooter',
        extends: ApLayoutBase,
        props: {
            height: {
                type: String,
                default: '60px'
            }
        }
    };
</script>
<style scoped>
    .ap-footer {
        padding: 10px;
        background-color: white;
    }
</style>