Status line

@react.component
let make = () =>
  <>
    <KitReact.Roles.SelectionControl.Group
      id="react-status-line-rooms"
      choices=[
        {
          label: React.string("Main Hall"),
          kind: Checkbox,
          checked: true,
          printedValue: [KitReact.Words.Text("Chosen")],
          props: {},
          controlProps: {name: "status-line-rooms", value: "hall"},
          outputProps: {},
          reasonProps: {},
        },
        {
          label: React.string("Garden room"),
          kind: Checkbox,
          checked: true,
          printedValue: [KitReact.Words.Text("Chosen")],
          props: {},
          controlProps: {name: "status-line-rooms", value: "garden"},
          outputProps: {},
          reasonProps: {},
        },
      ]
    />
    <KitReact.Roles.StatusLine> {React.string("2 rooms chosen")} </KitReact.Roles.StatusLine>
    <KitReact.Roles.FormGroup id="react-status-line-email-form-group"
      kind=Email
      label={React.string("Billing email")}
      labelProps={{htmlFor: "react-status-line-email"}}
      controlProps={{id: "react-status-line-email", name: "email"}}
      controlValue="aisha@oakmereprimary.org"
      printedValue={React.string("aisha@oakmereprimary.org")}
    />
    <KitReact.Roles.StatusLine>
      {React.string("Saved. Invoices go to aisha@oakmereprimary.org.")}
    </KitReact.Roles.StatusLine>
    <KitReact.Roles.ActionGroup
      lead=PrimaryAction({children: React.string("Send invoice")})
      statusLines=[{children: React.string("Invoice sent to aisha@oakmereprimary.org.")}]
    />
  </>