/* This Source Code Form is subject to the terms of the Mozilla Public

 * License, v. 2.0. If a copy of the MPL was not distributed with this

 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */

"use strict";

const { PureComponent, createFactory } = require("devtools/client/shared/vendor/react");

const PropTypes = require("devtools/client/shared/vendor/react-prop-types");

const Types = require("../types");

const { getStr } = require("../utils/l10n");

const ToggleMenu = createFactory(require("./ToggleMenu"));

class ReloadConditions extends PureComponent {

  static get propTypes() {

    return {

      reloadConditions: PropTypes.shape(Types.reloadConditions).isRequired,

      onChangeReloadCondition: PropTypes.func.isRequired,

    };

  }

  render() {

    let {

      reloadConditions,

      onChangeReloadCondition,

    } = this.props;

    return ToggleMenu({

      id: "global-reload-conditions-menu",

      items: [

        {

          id: "touchSimulation",

          label: getStr("responsive.reloadConditions.touchSimulation"),

          checked: reloadConditions.touchSimulation,

        },

        {

          id: "userAgent",

          label: getStr("responsive.reloadConditions.userAgent"),

          checked: reloadConditions.userAgent,

        },

      ],

      label: getStr("responsive.reloadConditions.label"),

      title: getStr("responsive.reloadConditions.title"),

      onChange: onChangeReloadCondition,

    });

  }

}

module.exports = ReloadConditions;