<template>
    <div>
        <div>
            <a-button @click="() => openNotificationWithIcon('success')">
                Success
            </a-button>
            <a-button @click="() => openNotificationWithIcon('info')">
                Info
            </a-button>
            <a-button @click="() => openNotificationWithIcon('warning')">
                Warning
            </a-button>
            <a-button @click="() => openNotificationWithIcon('error')">
                Error
            </a-button>
        </div>
    </div>
</template>
<script>
export default {
    methods: {
        openNotificationWithIcon(type) {
            this.$notification[type]({
                message: 'Notification Title',
                description:
                    'This is the content of the notification. This is the content of the notification. This is the content of the notification.',
            });
        },
    },
};
</script>
