28 lines
716 B
TypeScript
28 lines
716 B
TypeScript
import React from 'react';
|
|
|
|
export function CampaignDashboardApp() {
|
|
return (
|
|
<div className="app">
|
|
<div className="header">
|
|
<h1>Campaign Dashboard</h1>
|
|
<p>Track email campaign performance</p>
|
|
</div>
|
|
<div className="stats">
|
|
<StatCard label="Total Sent" value="12,450" />
|
|
<StatCard label="Open Rate" value="24.5%" />
|
|
<StatCard label="Click Rate" value="3.2%" />
|
|
<StatCard label="Conversions" value="156" />
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
function StatCard({ label, value }: { label: string; value: string }) {
|
|
return (
|
|
<div className="stat-card">
|
|
<div className="stat-value">{value}</div>
|
|
<div>{label}</div>
|
|
</div>
|
|
);
|
|
}
|