4e:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 4f:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 50:T1a76,import type { ComponentProps, ReactNode } from "react"; import { cn } from "@/registry/default/lib/utils"; import { Accordion, AccordionContent, AccordionItem, AccordionTrigger, } from "@/registry/default/ui/accordion"; interface FaqItem { /** Used as the React key and the accordion value; falls back to `item-`. */ id?: string; question: ReactNode; answer: ReactNode; } interface FaqProps extends Omit, "title" | "defaultValue"> { eyebrow?: ReactNode; title?: ReactNode; description?: ReactNode; items?: FaqItem[]; /** "split" puts the header on the left and the questions on the right on large screens. */ layout?: "stacked" | "split"; /** "single" keeps one answer open at a time; "multiple" lets several stay open. */ type?: "single" | "multiple"; /** Item value(s) open on first render: an item's `id`, or `item-`. */ defaultValue?: string | string[]; /** Shown under the header, e.g. a link to contact. Pass `null` to hide. */ footer?: ReactNode; } const DEFAULT_ITEMS: FaqItem[] = [ { id: "trial", question: "Is there a free trial?", answer: "Yes. Every paid plan starts with a 14-day trial with all features included. No card is needed to start.", }, { id: "change-plan", question: "Can I change plans later?", answer: "You can upgrade or downgrade at any time from your account settings. Changes apply from the next billing period.", }, { id: "team", question: "How do I invite my team?", answer: "Open the workspace settings and add people by email. They get an invitation link and join with the role you pick.", }, { id: "data", question: "Where is my data stored?", answer: "Your data is encrypted in transit and at rest, and backed up daily. You can export everything at any time.", }, { id: "cancel", question: "What happens if I cancel?", answer: "Your workspace stays available until the end of the billing period. After that it switches to the free plan and nothing is deleted.", }, { id: "support", question: "Do you offer support?", answer: "All plans include help by email. Pro and Enterprise plans get priority replies and a dedicated contact.", }, ]; const DEFAULT_FOOTER = ( <> Still have questions?{" "} Contact us ); /** * A frequently asked questions section: a header and the questions in an * accordion. The default "split" layout puts the header on the left and the * questions on the right on large screens; "stacked" centres the header above * a narrower list. `type="single"` (the default) keeps one answer open and * lets it close again; `type="multiple"` lets several stay open. * `defaultValue` opens items by `id` (or `item-` when there is none). * `footer` replaces the "Still have questions?" line. * * Accessibility: the title is an `

` and each question is a button inside * an `

`; Tab reaches the questions, Enter or Space toggles them, and Up, * Down, Home and End move between them. * * @example * */ function Faq({ className, eyebrow = "FAQ", title = "Frequently asked questions", description = "Answers to the questions we hear most. Cannot find what you are looking for? Reach out.", items = DEFAULT_ITEMS, layout = "split", type = "single", defaultValue, footer = DEFAULT_FOOTER, ...props }: FaqProps) { const split = layout === "split"; const hasHeader = eyebrow != null || title != null || description != null || footer != null; const entries = items.map((item, index) => ( {item.question} {item.answer} )); const listClassName = cn("w-full", !split && "mx-auto max-w-3xl", !split && hasHeader && "mt-12"); return (

{hasHeader ? (
{eyebrow != null ? (
{eyebrow}
) : null} {title != null ? (
{title}
) : null} {description != null ? (
{description}
) : null} {footer != null ? (
{footer}
) : null}
) : null} {type === "multiple" ? ( {entries} ) : ( {entries} )}

); } export { Faq, type FaqItem, type FaqProps }; 4d:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[null,["$","$L4e",null,{"namespace":"@corsair-ui","registryDependencies":["@corsair-ui/utils","@corsair-ui/accordion"]}]]}],null]}],["$","$L4f",null,{"files":[{"path":"registry/default/components/blocks/faq.tsx","content":"$50","type":"registry:component"}],"className":"h-[70svh] min-h-80"}]]}]