"use client";

import { Signal, FileCheck, Send, CheckCircle } from "lucide-react";
import { HowItWorks, type HowItWorksStep } from "@/features/services/components/base/HowItWorks";

const simSteps: HowItWorksStep[] = [
  {
    icon: <Signal className="h-6 w-6" />,
    title: "Choose Plan",
    description: "Select your data and voice options",
  },
  {
    icon: <FileCheck className="h-6 w-6" />,
    title: "Create Account",
    description: "Sign up with email verification",
  },
  {
    icon: <Send className="h-6 w-6" />,
    title: "Place Order",
    description: "Configure SIM type and pay",
  },
  {
    icon: <CheckCircle className="h-6 w-6" />,
    title: "Get Connected",
    description: "Receive SIM and activate",
  },
];

export function SimHowItWorksSection() {
  return <HowItWorks steps={simSteps} eyebrow="Getting Started" title="How It Works" />;
}
