import { ProBadge } from "@/components/plan-badges";
import SettingsCard from "@/components/settings/SettingsCard";
import { IS_PRO } from "@/lib/env";
import { __ } from "@wordpress/i18n";
import CategoryExclusions from "../components/exclusions/CategoryExclusions";
import ProductExclusions from "../components/exclusions/ProductExclusions";
import RoleExclusions from "../components/exclusions/RoleExclusions";

/**
 * General › Exclusions (Pro): categories (with their children) and
 * products without a Compare button, and user roles that can't compare.
 * A single product can also be excluded from its edit screen (Free).
 */
const ExclusionsSection = () => {
  const locked = !IS_PRO;

  return (
    <SettingsCard
      title={__("Exclusions", "product-comparison-for-woocommerce")}
      badge={<ProBadge />}
      description={__(
        "No Compare button for these categories and products. Shoppers with these roles can’t compare.",
        "product-comparison-for-woocommerce",
      )}
    >
      <div className={locked ? "ino:opacity-60" : undefined}>
        <CategoryExclusions locked={locked} />
        <RoleExclusions locked={locked} />
        <ProductExclusions locked={locked} />
      </div>
    </SettingsCard>
  );
};

export default ExclusionsSection;