() => (
  <Stack align="center">
    <Heading type="title4">
      <Stack align="center">
        <Passengers />
        Travelers
      </Stack>
    </Heading>
    <div
      style={{
        maxWidth: "8em",
      }}
    >
      <Stepper
        defaultValue={2}
        maxValue={10}
        minValue={1}
        titleIncrement="Add a traveler"
        titleDecrement="Remove a traveler"
      />
    </div>
  </Stack>
);