<template>
    <div class="portlet box">
        <div class="portlet-header">
            <Icon :type="icon" class="portlet-icon"></Icon>
            <div class="portlet-title">
                <slot name="portletTitle"></slot>
            </div>
            <div class="portlet-action-bar">
                <slot name="actions"></slot>
            </div>
        </div>
        <div class="portlet-body">
            <slot name="body"></slot>
        </div>
    </div>
</template>
<script>
    import Icon from './Icon.vue';
    export default {
        name:'Portlet',
        components:{
            Icon
        },
        props:{
            icon:{
                String
            }
        }
    }
</script>