"use client"; import { useState } from "react"; import { Film, Search, Sparkles } from "lucide-react"; import { Button } from "@/components/ui/button"; import { StorePlanHeader } from "./plan-card-parts"; import { PlanAvailabilityBadges } from "./plan-availability-badges"; import { StreamingDetailDialog } from "./streaming-detail-dialog"; import type { StreamingPlan } from "./streaming-plan-types"; interface Props { plan: StreamingPlan; } export function StreamingPlanCard({ plan }: Props) { const [dialogOpen, setDialogOpen] = useState(false); return ( <>
STREAMING } name={plan.name} meta={plan.serviceName ? `${plan.serviceName} · ${plan.durationDays} 天` : `${plan.durationDays} 天`} price={`¥${plan.price.toFixed(0)}`} priceSuffix={`/${plan.durationDays}天`} />

服务类型

{plan.serviceName ?? "精选流媒体"}

交付方式

支付后在订阅页查看

); }