<template>
    <div class="btns-wrap flex" :class="flex == 'start' ? 'flex-start' :''">
        <GuipButton type="ignore" @click="cancelClick">{{cancelText || '取消'}}</GuipButton>
        <GuipButton type="primary" @click="confirmClick">{{confirmText ||'保存'}}</GuipButton>
    </div>
</template>
<script>
import GuipButton from '@/components/GuipButton.vue';

export default {
    name: '',
    props: ['cancelText','confirmText','flex'],
    components: {
        GuipButton
    },
    data(){
        return{

        }
    },
    methods:{
        cancelClick(){
            this.$emit('cancel')
        },
        confirmClick(){
            this.$emit('confirm')
        }
    }
}
</script>
<style scoped lang="scss">
.btns-wrap{
    margin-top: 24px;
    justify-content: flex-end;
}
.flex-start{
    justify-content: flex-start;
}
</style>