// "use client" // uncomment when required for: hooks, event handlers, browser APIs /** * @name Download 05 * @description Desktop app download section with OS-specific downloads * and system requirements. Cards for each operating system. * * @slots download, download-container, download-content, download-header, * download-badge, download-heading, download-description, download-cards, * download-card, download-card-icon, download-card-title, download-card-version, * download-card-size, download-card-button, download-requirements, * download-requirements-title, download-requirements-list, download-requirements-item * @variant desktop-app * * @registryDependencies button-link card badge * @dependencies lucide-react */ import * as React from "react" import { Download, CheckCircle, Monitor } from "lucide-react" import { ButtonLink } from "@/registry/ui/button-link" import { Card, CardContent } from "@/registry/ui/card" import { Badge } from "@/registry/ui/badge" import { cn } from "@/registry/lib/utils" // ============================================================================ // PLATFORM ICONS (inline SVGs from /public/brands/, optimized for currentColor) // ============================================================================ const AppleIcon = ({ className }: { className?: string }) => ( ) const WindowsIcon = ({ className }: { className?: string }) => ( ) const LinuxIcon = ({ className }: { className?: string }) => ( ) // ============================================================================ // TYPES // ============================================================================ interface OSDownload { id: string name: string iconType: "mac" | "windows" | "linux" version: string size: string href: string recommended?: boolean } interface Download05Props { heading?: string description?: string downloads?: OSDownload[] requirements?: string[] version?: string className?: string idBase?: string } // ============================================================================ // DEFAULT DATA // ============================================================================ const defaultDownloads: OSDownload[] = [ { id: "mac", name: "macOS", iconType: "mac", version: "macOS 11+", size: "85 MB", href: "#", recommended: true, }, { id: "windows", name: "Windows", iconType: "windows", version: "Windows 10+", size: "92 MB", href: "#", }, { id: "linux", name: "Linux", iconType: "linux", version: "Ubuntu 20.04+", size: "78 MB", href: "#", }, ] const defaultRequirements = [ "4 GB RAM minimum (8 GB recommended)", "500 MB available disk space", "Internet connection for sync features", "64-bit processor required", ] // ============================================================================ // COMPONENT // ============================================================================ function Download05({ heading = "Download Desktop App", description = "Get the full desktop experience with offline support, system integration, and faster performance.", downloads = defaultDownloads, requirements = defaultRequirements, version = "v2.5.0", className, idBase = "download-05", }: Download05Props) { const headingId = `${idBase}-heading` return (

{/* Header */}

{heading}

{description}

{/* Download Cards */}

{downloads.map((download) => ( {download.recommended && (

Recommended

)}

{download.iconType === "mac" && ( )} {download.iconType === "windows" && ( )} {download.iconType === "linux" && ( )}

{heading}

{download.name}

System Requirements