/**
 * Registration Form - Upgrade Tab
 * 
 * Marketing page for Pro features (only shown to Free users)
 */

import { FeatureUpgradeTab } from "@/components/pro/feature-upgrade-tab"
import {
  ShoppingCart,
  UserCog,
  Send,
  LogIn,
  Upload,
  GitBranch,
} from "lucide-react"

export function RegistrationFormUpgradeTab() {
  return (
    <FeatureUpgradeTab
      headline="Unlock Advanced Registration Features"
      description="Extend your custom registration form to WooCommerce, add post-registration automation, file uploads, and more."
      features={[
        {
          icon: ShoppingCart,
          title: "WooCommerce Integration",
          description: "Apply custom fields to WooCommerce My Account and checkout registration forms.",
        },
        {
          icon: UserCog,
          title: "My Account Edit",
          description: "Let users update custom fields from the My Account details page.",
        },
        {
          icon: Send,
          title: "Welcome Email",
          description: "Automatically send a welcome notification email after successful registration.",
        },
        {
          icon: LogIn,
          title: "Auto Login",
          description: "Automatically log in users after they complete registration.",
        },
        {
          icon: Upload,
          title: "File Uploads",
          description: "Allow file upload fields in registration forms with configurable size limits and file types.",
        },
        {
          icon: GitBranch,
          title: "Custom Redirects",
          description: "Redirect users to a custom URL or page after successful registration.",
        },
      ]}
      checklist={[
        "Custom registration fields for WordPress",
        "WooCommerce My Account registration",
        "Checkout registration integration",
        "Custom redirect after registration",
        "Welcome email notifications",
        "Auto login after registration",
        "File upload fields",
      ]}
    />
  )
}