<template>
    <div :class="siderClass"
         :style="siderStyle">
        <slot></slot>
    </div>
</template>

<script>
import { prefix } from 'jdd-design/utils';
export default {
    name: `${prefix}-sider`,
    props: {
        width: {
            type: Number,
            default: 120
        }
    },
    computed: {
        siderClass() {
            let clsNames = [`${prefix}-sider`];
            return clsNames;
        },
        siderStyle() {
            return {
                width: `${this.width}px`
            };
        }
    }
};
</script>
