"use client"; import { useState } from "react"; import { Dialog, DialogContent, DialogHeader, DialogFooter, DialogTitle, } from "@/components/ui/dialog"; import { Button } from "@/components/ui/button"; import { RadioGroup, RadioGroupItem } from "@/components/ui/radio-group"; import { Check, Sparkles, Zap } from "lucide-react"; interface PlanOption { id: string; name: string; price: string; description: string; features: string[]; } const plansSample: PlanOption[] = [ { id: "basic", name: "Basic", price: "$9", description: "Perfect for side projects", features: ["5 projects", "Basic analytics", "24h support"], }, { id: "pro", name: "Pro", price: "$19", description: "For professional developers", features: [ "Unlimited projects", "Advanced analytics", "Priority support", ], }, ]; function ModalPricing({ plans = plansSample, }: { plans: PlanOption[]; }) { const [isOpen, setIsOpen] = useState(false); const [selectedPlan, setSelectedPlan] = useState("pro"); return ( <>

); } export { ModalPricing, PlanOption }