import { Accordion, AccordionContent, AccordionItem, AccordionTrigger, } from "@/components/ui/accordion" import { Card, CardContent, CardDescription, CardHeader, CardTitle, } from "@/components/ui/card" export type AccordionListItem = { id: string title: string content: string disabled?: boolean } type AccordionListProps = | { items: AccordionListItem[] type?: "single" defaultValue?: string collapsible?: boolean } | { items: AccordionListItem[] type: "multiple" defaultValue?: string[] collapsible?: never } export function AccordionList(props: AccordionListProps) { const { items } = props const content = items.map((item) => ( {item.title} {item.content} )) if (props.type === "multiple") { return ( {content} ) } return ( {content} ) } const cardItems = [ { id: "plans", title: "What subscription plans do you offer?", content: "We offer three subscription tiers: Starter, Professional, and Enterprise. Each plan includes increasing storage limits, API access, priority support, and team collaboration features.", }, { id: "billing", title: "How does billing work?", content: "Billing occurs automatically at the start of each billing cycle. We accept all major credit cards, PayPal, and ACH transfers for enterprise customers.", }, { id: "cancel", title: "How do I cancel my subscription?", content: "You can cancel anytime from account settings. Your access continues until the end of your current billing period.", }, ] export function AccordionCard() { return ( Subscription & Billing Common questions about your account, plans, payments, and cancellations. {cardItems.map((item) => ( {item.title} {item.content} ))} ) }