import MetricCard from "../../../../components/MetricCard";
import Button from "../../../../components/Button";

export default function ReviewStep() {
  return (
    <div>
      <div className="step-intro">
        <h2>Review setup</h2>
        <p>Validate the campaign definition before building message drafts.</p>
      </div>
      <div className="metric-grid inside">
        <MetricCard label="Ready" value="—" tone="good" />
        <MetricCard label="Warnings" value="—" tone="warning" />
        <MetricCard label="Needs review" value="—" tone="info" />
      </div>
      <Button variant="primary">Validate campaign</Button>
    </div>
  );
}