<template>
    <div :class="headerClass"
         :style="headerStyle">
        <slot></slot>
    </div>
</template>

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