- scroller:
    name: "callOutBoxes"
    title: "Call Out Boxes"
    content:

      - imageHeader:
          name: imageHeader
          image: /assets/line_chart/Q4_AddCallOutBoxes.png
          text: >
            <p><b><u>Inputs:</u></b> Call Out Boxes</p>


      - text:
          name: someText
          text: >
            <p><b>In the below, tell us on which line in the chart the
            call out box should originate from, which date it should
            occur on and what text we should include in the call out box:</b></p>
      # Workflow OW3: User Input Table. The below table is similar to the one we used on the Panel 2: Initial Inputs.
      - table:
          name: callOutBoxesTable
          columns:
            # Workflow OW3(a)
            - "#":
                name: Number
                type: number
                dataIndex: id
            # Workflow OW3(b)
            - Line:
                name: Line
                type: string
                dataIndex: line
            # Workflow OW3(c)
            - Date:
                name: Date
                type: date
                dataIndex: date
            # Workflow OW3(d)
            - Text:
                name: Text
                type: string
                dataIndex: text

            - Remove: # New delete button column
                name: removeCompany
                type: button
                dataIndex: id  # Use the row's ID to identify deletion target
                iconType: CloseOutlined  # Icon for the button

      # Workflow OW1(e)
      # Workflow OW1(f)
      - aligner:
          align: right
          width: auto
          content:
            - button:
                name: addCallOutBox
                type: primary
                title: Add Call Out Box
                style:
                  marginTop: "10px"
                  backgroundColor: "#FFC000"

      - aligner:
          align: right
          width: auto
          content:
            - button:
                name: backBtn
                type: default
                title: Back
            # Workflow NN2
            - button:
                name: nextBtn
                type: primary
                title: Next
            # Workflow NN1
            - button:
                name: btnCancel
                type: default
                title: Cancel