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:T131b,import type { ComponentProps, ReactNode } from "react"; import { cn } from "@/registry/default/lib/utils"; import { Button } from "@/registry/default/ui/button"; // The surface of the band for each variant. The variant names come from its keys. const BAND = { muted: "bg-muted", primary: "bg-primary text-primary-foreground", outline: "border", }; type CallToActionVariant = keyof typeof BAND; type CallToActionAlign = "center" | "start"; interface CallToActionProps extends Omit, "title"> { /** Rendered in an `

`. */ title?: ReactNode; description?: ReactNode; /** Buttons or links. Defaults to "Start for free" and "Talk to sales"; pass `null` to hide them. */ actions?: ReactNode; /** The band's surface: muted, the primary colour, or a border. */ variant?: CallToActionVariant; /** Centred, or text on the start side with the actions on the other (from `md`). */ align?: CallToActionAlign; } function defaultActions(variant: CallToActionVariant) { // On the primary colour, secondary and ghost buttons stay readable. if (variant === "primary") { return ( <> ); } return ( <> ); } /** * A closing call to action: a title, a short description and one or two * actions in a rounded band. `` renders a complete example. * * `variant` picks the band's surface: `muted` (the default), `primary` * (the default buttons switch to secondary and ghost, so they stay * readable on the primary colour) or `outline`. With `align="start"` the * text sits on the start side and the actions on the other side from * `md` up. Both are exposed as `data-variant` and `data-align`. * * Accessibility: the title is an `
`. When you pass your own actions on * the primary band, pick button variants with enough contrast against it. * * @example * * Sign up * * } * /> */ function CallToAction({ title = "Start building with Acme today", description = "Set up your workspace in minutes. No credit card needed, and you can cancel at any time.", actions, variant = "muted", align = "center", className, ...props }: CallToActionProps) { const centered = align === "center"; const content = actions === undefined ? defaultActions(variant) : actions; return (

{title != null ? (
{title}
) : null} {description != null ? (
{description}
) : null}
{content != null ? (
{content}
) : null}

); } export { CallToAction, type CallToActionAlign, type CallToActionProps, type CallToActionVariant }; 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/button"]}]]}],null]}],["$","$L4f",null,{"files":[{"path":"registry/default/components/blocks/cta.tsx","content":"$50","type":"registry:component"}],"className":"h-[70svh] min-h-80"}]]}]