/**
 * Checkout Field Editor - Upgrade Tab
 * 
 * Marketing page for Pro features (only shown to Free users)
 */

import { FeatureUpgradeTab } from "@/components/pro/feature-upgrade-tab"
import {
  ListChecks,
  Calendar,
  Upload,
  FileText,
  GitBranch,
} from "lucide-react"

export function FieldEditorUpgradeTab() {
  return (
    <FeatureUpgradeTab
      headline="Unlock Advanced Checkout Fields"
      description="Get access to advanced field types, protected file uploads, conditional logic, and layout content fields."
      features={[
        {
          icon: ListChecks,
          title: "Advanced Field Types",
          description: "Add select, multi-select, radio, checkbox, and checkbox group fields to your checkout form.",
        },
        {
          icon: Calendar,
          title: "Date & Time Fields",
          description: "Date pickers, time pickers, month selectors, and combined date-time fields.",
        },
        {
          icon: Upload,
          title: "File Upload Fields",
          description: "Allow customers to upload files during checkout with configurable file types and size limits.",
        },
        {
          icon: FileText,
          title: "Content Fields",
          description: "Add headings, labels, and paragraph text to organize your checkout layout.",
        },
        {
          icon: GitBranch,
          title: "Conditional Logic",
          description: "Show or hide fields based on the values of other fields for a dynamic checkout experience.",
        },
      ]}
      checklist={[
        "All basic field types (text, email, phone, etc.)",
        "Select, radio, and checkbox fields",
        "Date & time picker fields",
        "File upload fields with size limits",
        "Content fields (headings, labels, paragraphs)",
        "Hide/disable core WooCommerce fields",
      ]}
    />
  )
}
