import { CocoComponent } from "@assets/js/shared/coco";

export default CocoComponent("appSnackbar", () => {
  return {
    notificationType: "snackbar",
    options: ["show", "dismiss", "showDelay", "dismissDelay", "position"],

    root: {
      "x-options": "options",
      "x-notification": "notificationType",
      "x-show": "notification.shown && !notification.dismissed",
      "@mouseover": "notification.clearAutoDismiss",
      "@mouseout": "notification.startAutoDismiss",
      "@snackbar:show.document": "notification.clearFromQueue",
      "x-transition:enter": "snackbar-enter",
      "x-transition:enter-start": "snackbar-enter-start",
      "x-transition:enter-end": "snackbar-enter-end",
      "x-transition:leave": "snackbar-leave",
      "x-transition:leave-start": "snackbar-leave-start",
      "x-transition:leave-end": "snackbar-leave-end",
    },
  };
});