import React from 'react'; import { Search, Bell, Home, Check, Plus, MoreVertical, ArrowRight } from 'lucide-react'; export default function DashboardPreview() { return (

{/* Sidebar */} {/* Main Content */}

{/* Top Bar */}

Nexora / Main

Search...

⌘K

Move Money

Welcome, Jane

{['Send', 'Request', 'Transfer', 'Deposit', 'Pay Bill', 'Create Invoice'].map((btn, i) => ( ))}

{/* Balance Card */}

Mercury Balance

$8,450,190.32

Last 30 Days

+$1.8M

Outbound

-$900K

{/* Custom SVG Chart */}

{/* Accounts Card */}

Accounts

{/* Transactions Table */}

Recent Transactions

Date	Description	Amount	Status

); } function SidebarItem({ icon, label, badge, active, hasChevron }: any) { return (

{icon} {label}

{badge && {badge}} {hasChevron &&

}

); } function AccountRow({ label, amount }: any) { return (

{label} {amount}

); } function TransactionRow({ date, desc, amount, status, statusColor }: any) { const colors: any = { amber: 'bg-amber-50 text-amber-700 border-amber-200', green: 'bg-green-50 text-green-700 border-green-200' }; return ( {date} {desc} {amount} {status} ); }