<template>
    <nu-button
        class="nus_dialog-btnitem"
        :class="[data.className]"
        :styleName="''"
        :nameText="data && data.text || ''"
        @click="_onClick"
        @tap="_onTap">
    </nu-button>
</template>

<script>
import WidgetTmp from '../../_comm/WidgetTmp';
import NuButton from '../../../form/button';

export default {
    extends: WidgetTmp,
    props: {
        data: {}
    },
    components: {
        NuButton
    }
};
</script>

<style lang="scss">
@import '../../../../_assets/style/_iconFont.scss';
@import '../../../../_assets/style/_var.scss';
@import '../../../../_assets/style/_mixin.scss';
.nus_dialog-btnitem {
    height: 100%;
    line-height: inherit;
    padding: 0 5px;
    &:active{
        background: $nudialog-btn-active-bg;
    }
}
</style>
