this.state.config_mode ? this.available_components : this.state.enabled_components

      )

      components = components.map((row) => (

          {row.map((item) => (

          ))}

      ))

      return (

                {components}

                <div className="padded col-md-12 text-right col-md-offset-2">

                  <Button className="mt" color="primary" onClick={this.toggleModal}>

                  </Button>

                  <Modal isOpen={this.state.showModal} toggle={this.toggleModal}>

                    <ModalHeader>Visibility Configuration</ModalHeader>

                      {this.available_components.map((item) => (

                        <React.Fragment key={item}>

                          <Col sm="12">

                              <input

                                type="checkbox"

                                id={item}

                                checked={this.state.enabled_components.includes(item)}

                                onChange={(e) => this.handleVisibilityChange(e, item)}

                              />{" "}

                                {item === "events"

                                  ? "Meetings and testdays in the next 7 days"

                                  : item === "minutes"

                    className="btn btn-primary btn-block btn-wrap-text btn-lg active"

                    to="/wizard"

                    role="button">

                  </Link>

                </div>

              </Row>

      }

      const testtype = extra_data.testtype

      return (

        <ModalInfo buttonLabel={name}>

      return (

        <div>

            {this.props.buttonLabel}

          </a>

          <Modal

    const dispatch = useDispatch()

    useEffect(() => {

      getData()

    return (

      <Layout apiCallStatus={api_call_status}>

  import React, { useState } from "react"

  const Step1 = (props) => {

    const [selectedItem, setItem] = useState()

  import { Row, Col, Card, CardBody, CardHeader } from "reactstrap"

  import { shallowEqual, useSelector } from "react-redux"

  import * as R from "ramda"

  const Step4 = (props) => {

    const { query } = props

    const history = useHistory()

    const handleChange = (option) => {

      history.push(

        `/wizard/${query.duration}/${query.provider}/${query.action}/${encodeURIComponent(option)}`

      )

    }

    const selectAction = (state) => state.wizard.all_actions