<template>
    <div class="o-account__alerts">
        <div class="c-alert" v-for="error in errors" data-test="error">{{ error}}</div>
        <div class="c-alert  c-alert--success" v-for="success in successes" data-test="success">{{ success }}</div>
    </div>
</template>

<script>
    export default {
        props: {
            errors: {
                type: Array,
                required: false,
                default: () => []
            },
            successes: {
                type: Array,
                required: false,
                default: () => []
            },
        },
    };
</script>