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

<script>
    import ApLayoutBase from './ApLayoutBase'

    export default {
        name: 'ApHeader',
        componentName: 'ApHeader',
        extends: ApLayoutBase,
    };
</script>
<style scoped>
    .ap-header {
        background-color: white;
        padding: 10px;
    }
</style>