28 lines
731 B
TypeScript
28 lines
731 B
TypeScript
import React from 'react';
|
|
|
|
export function ListBuilderApp() {
|
|
return (
|
|
<div className="app">
|
|
<div className="header">
|
|
<h1>List Builder</h1>
|
|
<p>Create and manage contact lists</p>
|
|
</div>
|
|
<div className="list-grid">
|
|
<ListCard name="Newsletter" count={1234} active={1180} />
|
|
<ListCard name="Customers" count={567} active={550} />
|
|
<ListCard name="VIP" count={89} active={89} />
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
function ListCard({ name, count, active }: { name: string; count: number; active: number }) {
|
|
return (
|
|
<div className="list-card">
|
|
<h3>{name}</h3>
|
|
<div className="stat">{count}</div>
|
|
<p>{active} active subscribers</p>
|
|
</div>
|
|
);
|
|
}
|