"use client"; import React from "react"; import { motion } from "motion/react"; import { Folder, HeartHandshakeIcon, SparklesIcon } from "lucide-react"; import { cn } from "@/lib/utils"; interface DatabaseWithRestApiProps { className?: string; circleText?: string; badgeTexts?: { first: string; second: string; third: string; fourth: string; }; buttonTexts?: { first: string; second: string; }; title?: string; lightColor?: string; } const DatabaseWithRestApi = ({ className, circleText, badgeTexts, buttonTexts, title, lightColor, }: DatabaseWithRestApiProps) => { return (

{/* SVG Paths */} {/* Main Box */}

{/* bottom shadow */}

{/* box title */}

{title ? title : "Data exchange using a customized REST API"}

{/* box outter circle */}

{circleText ? circleText : "SVG"}

{/* box content */}

{/* Badges */}

{buttonTexts?.first || "LegionDev"}

{buttonTexts?.second || "v2_updates"}

{/* Circles */}

); }; export default DatabaseWithRestApi; const DatabaseIcon = ({ x = "0", y = "0" }: { x: string; y: string }) => { return ( ); };