<template>
    <div :class="footerClass"
         :style="footerStyle">
        <slot></slot>
    </div>
</template>

<script>
import { prefix } from 'jdd-design/utils';
export default {
    name: `${prefix}-footer`,
    props: {
        height: {
            type: Number,
            default: 60
        }
    },
    computed: {
        footerClass() {
            let clsNames = [`${prefix}-footer`];
            return clsNames;
        },
        footerStyle() {
            return {
                height: `${this.height}px`
            };
        }
    }
};
</script>
