<template>
    <div class="app-user-button">
        <i-button @click="handleSubmit" :type="type">{{ caption }} </i-button>
    </div>
</template>

<script lang="ts">
import { Vue, Component, Watch, Prop, Model } from "vue-property-decorator";

@Component({})
export default class AppUserId extends Vue {
    @Prop() public predefinedType!: string;

    @Prop() public type?: string;

    @Prop() public caption!: string;

    public handleSubmit() {
        this.$emit('itemClick', this.predefinedType);
    }
}
</script>

<style lang="less">
@import './app-login-button.less';
</style>