import React, { useState } from "react"; import { Card, CardContent } from "@/components/ui/card"; import { Button } from "@/components/ui/button"; const apps = [ { name: "Spotify Premium", originalPrice: "$9.99", currentPrice: "$0", icon: "https://img.icons8.com/color/48/spotify--v1.png" }, { name: "ChatGPT-4 Plus", originalPrice: "$20", currentPrice: "$0", icon: "https://img.icons8.com/color/48/chatgpt.png" }, { name: "Canva Pro", originalPrice: "$12.99", currentPrice: "$0", icon: "https://img.icons8.com/color/48/canva.png" }, { name: "Netflix Premium", originalPrice: "$15.49", currentPrice: "$0", icon: "https://img.icons8.com/color/48/netflix-desktop-app.png" }, { name: "YouTube Premium", originalPrice: "$11.99", currentPrice: "$0", icon: "https://img.icons8.com/color/48/youtube-play.png" }, { name: "Minecraft Pocket Edition", originalPrice: "$6.99", currentPrice: "$0", icon: "https://img.icons8.com/color/48/minecraft.png" }, { name: "FL Studio Mobile", originalPrice: "$13.99", currentPrice: "$0", icon: "https://img.icons8.com/color/48/fl-studio.png" }, { name: "MX Player Pro", originalPrice: "$6.99", currentPrice: "$0", icon: "https://img.icons8.com/color/48/media-player.png" }, { name: "ExpressVPN Premium", originalPrice: "$12.99", currentPrice: "$0", icon: "https://img.icons8.com/color/48/vpn.png" }, { name: "Duolingo Plus", originalPrice: "$9.99", currentPrice: "$0", icon: "https://img.icons8.com/color/48/duolingo-logo.png" }, { name: "PicsArt Gold", originalPrice: "$8.99", currentPrice: "$0", icon: "https://img.icons8.com/color/48/picsart.png" }, { name: "PowerDirector Pro", originalPrice: "$5.99", currentPrice: "$0", icon: "https://img.icons8.com/color/48/video-editing.png" }, { name: "KineMaster Pro", originalPrice: "$4.99", currentPrice: "$0", icon: "https://img.icons8.com/color/48/kinemaster.png" }, { name: "InShot Pro", originalPrice: "$3.99", currentPrice: "$0", icon: "https://img.icons8.com/color/48/inshot.png" }, { name: "TikTok Pro", originalPrice: "$0.99", currentPrice: "$0", icon: "https://img.icons8.com/color/48/tiktok--v1.png" }, { name: "Telegram Premium", originalPrice: "$4.99", currentPrice: "$0", icon: "https://img.icons8.com/color/48/telegram-app.png" }, { name: "Signal Premium", originalPrice: "$2.99", currentPrice: "$0", icon: "https://img.icons8.com/color/48/signal-app.png" }, { name: "Zoom Pro", originalPrice: "$14.99", currentPrice: "$0", icon: "https://img.icons8.com/color/48/zoom.png" }, { name: "Microsoft Office 365", originalPrice: "$9.99", currentPrice: "$0", icon: "https://img.icons8.com/color/48/microsoft-office-2019.png" } ]; export default function App() { const [searchTerm, setSearchTerm] = useState(""); const filteredApps = apps.filter((app) => app.name.toLowerCase().includes(searchTerm.toLowerCase()) ); return (

APK PREMIUM

setSearchTerm(e.target.value)} />

{filteredApps.map((app, index) => (

{app.icon &&

}

{app.name}

{app.originalPrice}

{app.currentPrice}

))}

); }