import React from "react";
import { useTagManager } from "../../../../../services/Services";
import { SettingsDeleteView } from "../../../../../components/business/views";
import { TagIcon, FolderIcon, DocumentTextIcon, MagnifyingGlassIcon } from "@heroicons/react/24/outline";

function SettingTagDeletePage() {
  const tagManager = useTagManager();

  // Define impact warnings
  const impactWarnings = [
    {
      icon: FolderIcon,
      text: "Content items that are currently tagged with this tag will lose this categorization"
    },
    {
      icon: DocumentTextIcon,
      text: "Historical records and reports that reference this tag"
    },
    {
      icon: MagnifyingGlassIcon,
      text: "Search and filtering functionality that relies on this tag"
    }
  ];

  // Define alternative text
  const alternativeText = "Consider marking the tag as inactive instead of deleting it to preserve content categorization and allow for potential reactivation in the future.";

  return (
    <SettingsDeleteView
      entityType="tag"
      entityTypePlural="Tags"
      entityIcon={TagIcon}
      entityManager={tagManager}
      basePath="/admin/settings/tag"
      listPath="/admin/settings/tags"
      title="Delete Tag"
      subtitle="Permanent deletion confirmation"
      impactWarnings={impactWarnings}
      alternativeText={alternativeText}
      requiresConfirmation={true}
    />
  );
}

export default SettingTagDeletePage;