"use client" // required for: useState (dismiss state) /** * @name CTA 06 * @description A sticky banner CTA that can be positioned at top or bottom. * Great for persistent promotional messages or announcements. * * @slots cta, cta-container, cta-content, cta-text, cta-highlight, * cta-actions, cta-button, cta-dismiss * @variant sticky-banner * * @registryDependencies button-link * @dependencies lucide-react */ import * as React from "react" import { X, ArrowRight } from "lucide-react" import { cn } from "@/registry/lib/utils" import { ButtonLink } from "@/registry/ui/button-link" // ============================================================================ // TYPES // ============================================================================ interface CtaConfig { /** Button text */ text: string /** Link destination */ href: string } interface Cta06Props { /** Main announcement text */ text?: string /** Highlighted portion of text */ highlight?: string /** CTA button configuration */ cta?: CtaConfig /** Position of the banner */ position?: "top" | "bottom" /** Whether the banner can be dismissed */ dismissible?: boolean /** Callback when dismissed */ onDismiss?: () => void /** Additional CSS classes */ className?: string /** Multi-instance safety: base for generating DOM ids */ idBase?: string } // ============================================================================ // DEFAULT DATA // ============================================================================ const DEFAULT_CTA: CtaConfig = { text: "Learn more", href: "#", } // ============================================================================ // COMPONENT // ============================================================================ function Cta06({ text = "New feature available!", highlight = "Try it now →", cta = DEFAULT_CTA, position = "top", dismissible = true, onDismiss, className, }: Cta06Props) { const [isDismissed, setIsDismissed] = React.useState(false) const handleDismiss = () => { setIsDismissed(true) onDismiss?.() } if (isDismissed) return null return ( ) } export default Cta06 export { Cta06, type Cta06Props, type CtaConfig }