<!-- webview only -->
<template>
    <component :is="type" :size="size" :color="color" @click.capture="$emit('click', $event)" @touchstart.capture="$emit('touchstart', $event)" @touchmove.capture="$emit('touchmove', $event)" @touchend.capture="$emit('touchend', $event)" @touchcancel.capture="$emit('touchcancel', $event)"></component>
</template>

<script>
import Cancel from './Cancel.vue';
import Clear from './Clear.vue';
import Info from './Info.vue';
import Search from './Search.vue';
import Success from './Success.vue';
import SuccessNoCircle from './SuccessNoCircle.vue';
import Waiting from './Waiting.vue';
import Warn from './Warn.vue';

export default {
    name: 'BIcon',
    components: {
        Cancel,
        Clear,
        Info,
        Search,
        Success,
        'success_no_circle': SuccessNoCircle,
        Waiting,
        Warn,
    },
    props: {
        type: {
            type: String
        },
        size: {
            type: Number,
            default: 23,
        },
        color: {
            type: String,
        }
    }
}
</script>

<style>
</style>
