---
import SectionContent from "../../blocks/SectionContent.astro";
import type { TtLandings } from "#/copy/landings";

export interface Props {
  t: TtLandings.HowStep;
}

const { t } = Astro.props;

const tAgents = t.agents.en;
const tEngineers = t.engineers.en;
---

<div>
  <SectionContent heading={{ h: 4 }} t={tAgents} />
</div>

<div>
  <SectionContent heading={{ h: 4 }} t={tEngineers} />
</div>

<div>
  <slot name="agents" />
</div>

<div>
  <slot name="engineers" />
</div>
