import React from 'react';
import { ToastConfig } from '@wix/bex-core';
import { StatusToastFromConfig } from '../../../StatusToastFromConfig';

interface ManageTagsNotificationProps {
  toastConfig: ToastConfig;
  onClose: (toastConfig: ToastConfig) => unknown;
  dataHook?: string;
}

export const ManageTagsNotification = ({
  toastConfig,
  onClose,
  dataHook,
}: ManageTagsNotificationProps) => (
  <StatusToastFromConfig
    config={toastConfig}
    onClose={() => onClose(toastConfig)}
    dataHook={dataHook}
    messageDataHook="manage-tags-modal-notification-message"
    actionDataHook="manage-tags-modal-notification-action"
  />
);
