import React from 'react';

export const Dashboard: React.FC = () => {
    return (
        <div className="p-6">
            <h1 className="text-2xl font-bold text-slate-900">Dashboard</h1>
            <p className="mt-2 text-slate-600">Welcome to DMS-CRM Dashboard.</p>

            <div className="mt-6 grid gap-6 sm:grid-cols-2 lg:grid-cols-4">
                {/* Stats placeholders */}
                {['Total Leads', 'Active Pipelines', 'Pending Tasks', 'Revenue'].map((stat) => (
                    <div key={stat} className="rounded-lg bg-white p-6 shadow-sm border border-slate-200">
                        <p className="text-sm font-medium text-slate-500">{stat}</p>
                        <p className="mt-2 text-3xl font-semibold text-slate-900">0</p>
                    </div>
                ))}
            </div>
        </div>
    );
};
