<template>
    <Panel :class="bem()" name="help" v-bind="$attrs" v-on="$listeners">
        <template slot="tab" slot-scope="{active}">
            <slot name="label" :active="active">
                <Icon name="help" />
                <span>帮助</span>
            </slot>
        </template>
        <slot/>
    </Panel>
</template>

<script>
import { createComponentName, componentMixin } from '../_utils/component';
import Icon from '../Icon';
import Panel from './Panel';
export default {
    name: createComponentName('editor-help-panel'),
    components: {
        Icon,
        Panel,
    },
    mixins: [componentMixin],
};
</script>

<style lang="less">
@import '../_styles/base.less';

@b: ~'@{prefix}-editor-help-panel';

</style>
