import {
  BarChart3,
  Truck,
  Package,
  Bell,
  Palette,
  Star,
} from "lucide-react"
import { FeatureUpgradeTab } from "@/components/pro/feature-upgrade-tab"

const proFeatures = [
  {
    icon: BarChart3,
    title: "Analytics Dashboard",
    description:
      "Track shipment statistics, carrier performance, and delivery trends.",
  },
  {
    icon: Truck,
    title: "Carrier Insights",
    description:
      "See which carriers handle the most shipments and compare performance.",
  },
  {
    icon: Package,
    title: "Order Tracking Metrics",
    description:
      "Monitor total tracked orders and shipment activity over time.",
  },
  {
    icon: Bell,
    title: "Delivery Notifications",
    description:
      "Advanced notification options for shipment status updates.",
  },
  {
    icon: Palette,
    title: "Advanced Customization",
    description:
      "Premium templates and extended styling options for tracking pages.",
  },
  {
    icon: Star,
    title: "Priority Support",
    description:
      "Get faster response times and dedicated help for your setup.",
  },
]

const checklist = [
  "Shipment analytics dashboard",
  "Carrier performance tracking",
  "Order tracking activity charts",
  "Advanced delivery notifications",
  "Premium tracking page templates",
  "Priority support",
]

export function ShipmentTrackingUpgradeTab() {
  return (
    <FeatureUpgradeTab
      headline="Unlock the Full Power of Shipment Tracking"
      description="Upgrade to Swift Commerce Pro for analytics, carrier insights, advanced notifications, and premium customization."
      features={proFeatures}
      checklist={checklist}
    />
  )
}
