<template>
    <aside class="el-aside ap-aside flex flex-direction-column" :style="{ width, margin: marginValue }">
        <slot></slot>
    </aside>
</template>

<script>
    import ApLayoutBase from './ApLayoutBase'

    export default {
        name: 'ApAside',
        componentName: 'ApAside',
        extends: ApLayoutBase,
        props: {
            width: {
                type: String,
                default: '300px'
            }
        }
    };
</script>

<style scoped>
    .ap-aside {
        background-color: white;
        margin: 10px;
        padding: 10px;
    }
</style>