import RevenueByIntent from '@/components/dashboard/RevenueByIntent';
import RevenueChart from '@/components/dashboard/RevenueChart';
import SummaryCards from '@/components/dashboard/SummaryCards';
import TopCampaigns from '@/components/dashboard/TopCampaigns';
import TopProducts from '@/components/dashboard/TopProducts';
import { __ } from '@wordpress/i18n';

const Dashboard = () => (
	<div className="disco:min-h-screen disco:bg-[#f9fafb] disco:px-6 disco:py-2">
		<div className="disco:mb-5">
			<h1 className="disco:text-lg! disco:font-bold! disco:text-[#111827]! disco:tracking-tight">
				{__('Analytics Dashboard', 'disco')}
			</h1>
		</div>

		<SummaryCards />

		<div className="disco:flex disco:gap-2.5 disco:mb-3">
			<RevenueChart className="disco:flex-2" />
			<RevenueByIntent className="disco:flex-1" />
		</div>

		<div className="disco:flex disco:gap-2.5">
			<TopCampaigns className="disco:flex-1" />
			<TopProducts className="disco:flex-1" />
		</div>
	</div>
);

export default Dashboard;