Scope line

@react.component
let make = () =>
  <>
    <p className="specimen-case-line">{React.string("A Scope line in a Row, a Stack beneath its facts and a Stack above its question.")}</p>
    <KitReact.Roles.Row
      subjectElement=Span
      subject={React.string("Year 6")}
      facts=[{key: "class", content: Words([KitReact.Words.Text("25 pupils · Class list")]), props: {}}]
      scopeLine=[KitReact.Words.Text("Applies to this class’s next invitation.")]
      question={
        question: FormGroup({id: "scope-line-row-email-form-group", kind: Email, label: React.string("Teacher’s email"), controlProps: {id: "scope-line-row-email", name: "teacher-email"}, controlValue: "", printedValue: React.string("No email given")}),
      }
      actions=[KitReact.Roles.Row.PrimaryAction({children: React.string("Send")}), KitReact.Roles.Row.SecondaryAction({children: React.string("Don’t send")})]
    />
  </>