import AppLayout from '@/layouts/app-layout'; import Heading from '@/components/heading'; import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'; import { Head } from '@inertiajs/react'; import { DollarSign, TrendingUp, Activity } from 'lucide-react'; interface Props { totalRevenue: number; totalCost: number; totalProfit: number; profitMargin: number; } export default function ProfitDashboard({ totalRevenue = 0, totalCost = 0, totalProfit = 0, profitMargin = 0 }: Props) { return (

Total Revenue

${Number(totalRevenue).toFixed(2)}

Total Cost

${Number(totalCost).toFixed(2)}

Total Profit

${Number(totalProfit).toFixed(2)}

Profit Margin

{Number(profitMargin).toFixed(2)}%

Profit Analytics

Detailed profit analytics and trends will be displayed here.

); }