export type CRMComparePlan = {
  id: string;
  name: string;
  priceAmount: string;
  pricePeriod: string;
};

export type CRMCompareHeader = {
  title: string;
  subtitle: string;
};

export type CRMCellText = {
  kind: "text";
  text: string;
  cellVariant?: "v3";
};

export type CRMCellIcon = {
  kind: "icon";
  state: "included" | "excluded";
  cellVariant?: "v3";
};

export type CRMCellCta = {
  kind: "cta";
  href: string;
  label: string;
  btnClass: "v2" | "v3";
};

export type CRMCompareCell = CRMCellText | CRMCellIcon | CRMCellCta;

export type CRMCompareRow = {
  id: string;
  featureTitle: string;
  rowVariant?: "v2";
  titleCellVariant?: "v2";
  infoBoxVariant?: "v2";
  cells: CRMCompareCell[];
};

export const crmCompareAssets = {
  checkIcon: "/assets/images/icon/check1-1.svg",
  checkAlt: "Included",
  crossIcon: "/assets/images/icon/cross.svg",
  crossAlt: "Not included",
  arrowIcon: "/assets/images/icon/arrow.svg",
  arrowAlt: "Arrow icon",
};

export const crmCompareHeader: CRMCompareHeader = {
  title: "Features",
  subtitle: "Conversion-friendly Compare Plans outline",
};

export const crmComparePlans: CRMComparePlan[] = [
  { id: "basic", name: "Basic", priceAmount: "$19", pricePeriod: "/m" },
  {
    id: "professional",
    name: "Professional",
    priceAmount: "$49",
    pricePeriod: "/m",
  },
  { id: "enterprise", name: "Enterprise", priceAmount: "$99", pricePeriod: "/m" },
];

export const crmCompareRows: CRMCompareRow[] = [
  {
    id: "contacts",
    featureTitle: "Contacts Limit",
    cells: [
      { kind: "text", text: "Up to 1,000" },
      { kind: "text", text: "Up to 10,000" },
      { kind: "text", text: "Unlimited" },
    ],
  },
  {
    id: "users",
    featureTitle: "Users",
    rowVariant: "v2",
    cells: [
      { kind: "text", text: "1 User" },
      { kind: "text", text: "Up to 5 Users" },
      { kind: "text", text: "Unlimited" },
    ],
  },
  {
    id: "lead-contact",
    featureTitle: "Lead & Contact Management",
    cells: [
      { kind: "icon", state: "included" },
      { kind: "icon", state: "included" },
      { kind: "icon", state: "included" },
    ],
  },
  {
    id: "sales-pipeline",
    featureTitle: "Sales Pipeline",
    rowVariant: "v2",
    cells: [
      { kind: "icon", state: "included" },
      { kind: "icon", state: "included" },
      { kind: "icon", state: "included" },
    ],
  },
  {
    id: "marketing",
    featureTitle: "Marketing Automation",
    cells: [
      { kind: "icon", state: "excluded", cellVariant: "v3" },
      { kind: "icon", state: "included" },
      { kind: "icon", state: "included" },
    ],
  },
  {
    id: "analytics",
    featureTitle: "Analytics & Reporting",
    rowVariant: "v2",
    cells: [
      { kind: "text", text: "Basic Reports" },
      { kind: "text", text: "Advanced Reports" },
      { kind: "text", text: "Custom Reports" },
    ],
  },
  {
    id: "integrations",
    featureTitle: "Integrations",
    cells: [
      { kind: "text", text: "Limited" },
      { kind: "text", text: "Full Integrations" },
      { kind: "text", text: "Premium Integrations" },
    ],
  },
  {
    id: "support",
    featureTitle: "Dedicated Support",
    rowVariant: "v2",
    cells: [
      { kind: "text", text: "Email Support" },
      { kind: "text", text: "Priority Support" },
      { kind: "text", text: "24/7 Dedicated Support" },
    ],
  },
  {
    id: "customization",
    featureTitle: "Customization Options",
    cells: [
      { kind: "text", text: "Limited" },
      { kind: "text", text: "Moderate" },
      { kind: "text", text: "Full Customization" },
    ],
  },
  {
    id: "ctas",
    featureTitle: "",
    rowVariant: "v2",
    titleCellVariant: "v2",
    infoBoxVariant: "v2",
    cells: [
      { kind: "cta", href: "#", label: "Select Basic", btnClass: "v3" },
      { kind: "cta", href: "#", label: "Select Pro", btnClass: "v2" },
      { kind: "cta", href: "#", label: "Select Max", btnClass: "v3" },
    ],
  },
];