<template>
    <button class="WM-Btn WM-InlineBlock WM-Margin-L-10" :class="BtnClass" type="button">
        <span><i class="NoMargin" :class="IconClass"  aria-hidden="true"></i> {{ Text }} </span>
    </button>
</template>

<script>
export default {
    props: {
        BtnClass:    { default: "WM-Btn-Black" },
        Icon:     { default: "ok" },
        Text:     { default: "" },
    },
    data: function ()  {
        return {
            IconClass: 'WMi-' + this.Icon,
        }
    },
};

</script>
