// Jest Snapshot v1, https://goo.gl/fbAQLP

exports[`Flags should match snapshot 1`] = `
<Fragment>
  <h2>
    Command-Line Flags
  </h2>
  <InputGroup
    tag="div"
  >
    <Input
      autoFocus={true}
      className="my-3"
      onChange={[Function]}
      placeholder="Filter by flag name or value..."
      type="text"
      value=""
    />
  </InputGroup>
  <Table
    bordered={true}
    hover={true}
    responsiveTag="div"
    size="sm"
    striped={true}
    tag="table"
  >
    <thead>
      <tr>
        <td
          className="px-4 Flag"
          key="Flag"
          onClick={[Function]}
          style={
            Object {
              "width": "50%",
            }
          }
        >
          <span
            className="mr-2"
          >
            Flag
          </span>
          <FontAwesomeIcon
            border={false}
            className=""
            fixedWidth={false}
            flip={null}
            icon={
              Object {
                "icon": Array [
                  320,
                  512,
                  Array [
                    "sort-desc",
                  ],
                  "f0dd",
                  "M311.9 335.1l-132.4 136.8C174.1 477.3 167.1 480 160 480c-7.055 0-14.12-2.702-19.47-8.109l-132.4-136.8C-9.229 317.8 3.055 288 27.66 288h264.7C316.9 288 329.2 317.8 311.9 335.1z",
                ],
                "iconName": "sort-down",
                "prefix": "fas",
              }
            }
            inverse={false}
            listItem={false}
            mask={null}
            pull={null}
            pulse={false}
            rotation={null}
            size={null}
            spin={false}
            swapOpacity={false}
            symbol={false}
            title=""
            transform={null}
          />
        </td>
        <td
          className="px-4 Value"
          key="Value"
          onClick={[Function]}
          style={
            Object {
              "width": "50%",
            }
          }
        >
          <span
            className="mr-2"
          >
            Value
          </span>
          <FontAwesomeIcon
            border={false}
            className=""
            fixedWidth={false}
            flip={null}
            icon={
              Object {
                "icon": Array [
                  320,
                  512,
                  Array [
                    "unsorted",
                  ],
                  "f0dc",
                  "M27.66 224h264.7c24.6 0 36.89-29.78 19.54-47.12l-132.3-136.8c-5.406-5.406-12.47-8.107-19.53-8.107c-7.055 0-14.09 2.701-19.45 8.107L8.119 176.9C-9.229 194.2 3.055 224 27.66 224zM292.3 288H27.66c-24.6 0-36.89 29.77-19.54 47.12l132.5 136.8C145.9 477.3 152.1 480 160 480c7.053 0 14.12-2.703 19.53-8.109l132.3-136.8C329.2 317.8 316.9 288 292.3 288z",
                ],
                "iconName": "sort",
                "prefix": "fas",
              }
            }
            inverse={false}
            listItem={false}
            mask={null}
            pull={null}
            pulse={false}
            rotation={null}
            size={null}
            spin={false}
            swapOpacity={false}
            symbol={false}
            title=""
            transform={null}
          />
        </td>
      </tr>
    </thead>
    <tbody>
      <tr
        key="--alertmanager.notification-queue-capacity"
      >
        <td
          className="flag-item"
        >
          <span
            dangerouslySetInnerHTML={
              Object {
                "__html": "--alertmanager.notification-queue-capacity",
              }
            }
          />
        </td>
        <td
          className="flag-value"
        >
          <span
            dangerouslySetInnerHTML={
              Object {
                "__html": "10000",
              }
            }
          />
        </td>
      </tr>
      <tr
        key="--alertmanager.timeout"
      >
        <td
          className="flag-item"
        >
          <span
            dangerouslySetInnerHTML={
              Object {
                "__html": "--alertmanager.timeout",
              }
            }
          />
        </td>
        <td
          className="flag-value"
        >
          <span
            dangerouslySetInnerHTML={
              Object {
                "__html": "10s",
              }
            }
          />
        </td>
      </tr>
      <tr
        key="--config.file"
      >
        <td
          className="flag-item"
        >
          <span
            dangerouslySetInnerHTML={
              Object {
                "__html": "--config.file",
              }
            }
          />
        </td>
        <td
          className="flag-value"
        >
          <span
            dangerouslySetInnerHTML={
              Object {
                "__html": "./documentation/examples/prometheus.yml",
              }
            }
          />
        </td>
      </tr>
      <tr
        key="--log.format"
      >
        <td
          className="flag-item"
        >
          <span
            dangerouslySetInnerHTML={
              Object {
                "__html": "--log.format",
              }
            }
          />
        </td>
        <td
          className="flag-value"
        >
          <span
            dangerouslySetInnerHTML={
              Object {
                "__html": "logfmt",
              }
            }
          />
        </td>
      </tr>
      <tr
        key="--log.level"
      >
        <td
          className="flag-item"
        >
          <span
            dangerouslySetInnerHTML={
              Object {
                "__html": "--log.level",
              }
            }
          />
        </td>
        <td
          className="flag-value"
        >
          <span
            dangerouslySetInnerHTML={
              Object {
                "__html": "info",
              }
            }
          />
        </td>
      </tr>
      <tr
        key="--query.lookback-delta"
      >
        <td
          className="flag-item"
        >
          <span
            dangerouslySetInnerHTML={
              Object {
                "__html": "--query.lookback-delta",
              }
            }
          />
        </td>
        <td
          className="flag-value"
        >
          <span
            dangerouslySetInnerHTML={
              Object {
                "__html": "5m",
              }
            }
          />
        </td>
      </tr>
      <tr
        key="--query.max-concurrency"
      >
        <td
          className="flag-item"
        >
          <span
            dangerouslySetInnerHTML={
              Object {
                "__html": "--query.max-concurrency",
              }
            }
          />
        </td>
        <td
          className="flag-value"
        >
          <span
            dangerouslySetInnerHTML={
              Object {
                "__html": "20",
              }
            }
          />
        </td>
      </tr>
      <tr
        key="--query.max-samples"
      >
        <td
          className="flag-item"
        >
          <span
            dangerouslySetInnerHTML={
              Object {
                "__html": "--query.max-samples",
              }
            }
          />
        </td>
        <td
          className="flag-value"
        >
          <span
            dangerouslySetInnerHTML={
              Object {
                "__html": "50000000",
              }
            }
          />
        </td>
      </tr>
      <tr
        key="--query.timeout"
      >
        <td
          className="flag-item"
        >
          <span
            dangerouslySetInnerHTML={
              Object {
                "__html": "--query.timeout",
              }
            }
          />
        </td>
        <td
          className="flag-value"
        >
          <span
            dangerouslySetInnerHTML={
              Object {
                "__html": "2m",
              }
            }
          />
        </td>
      </tr>
      <tr
        key="--rules.alert.for-grace-period"
      >
        <td
          className="flag-item"
        >
          <span
            dangerouslySetInnerHTML={
              Object {
                "__html": "--rules.alert.for-grace-period",
              }
            }
          />
        </td>
        <td
          className="flag-value"
        >
          <span
            dangerouslySetInnerHTML={
              Object {
                "__html": "10m",
              }
            }
          />
        </td>
      </tr>
      <tr
        key="--rules.alert.for-outage-tolerance"
      >
        <td
          className="flag-item"
        >
          <span
            dangerouslySetInnerHTML={
              Object {
                "__html": "--rules.alert.for-outage-tolerance",
              }
            }
          />
        </td>
        <td
          className="flag-value"
        >
          <span
            dangerouslySetInnerHTML={
              Object {
                "__html": "1h",
              }
            }
          />
        </td>
      </tr>
      <tr
        key="--rules.alert.resend-delay"
      >
        <td
          className="flag-item"
        >
          <span
            dangerouslySetInnerHTML={
              Object {
                "__html": "--rules.alert.resend-delay",
              }
            }
          />
        </td>
        <td
          className="flag-value"
        >
          <span
            dangerouslySetInnerHTML={
              Object {
                "__html": "1m",
              }
            }
          />
        </td>
      </tr>
      <tr
        key="--storage.remote.flush-deadline"
      >
        <td
          className="flag-item"
        >
          <span
            dangerouslySetInnerHTML={
              Object {
                "__html": "--storage.remote.flush-deadline",
              }
            }
          />
        </td>
        <td
          className="flag-value"
        >
          <span
            dangerouslySetInnerHTML={
              Object {
                "__html": "1m",
              }
            }
          />
        </td>
      </tr>
      <tr
        key="--storage.remote.read-concurrent-limit"
      >
        <td
          className="flag-item"
        >
          <span
            dangerouslySetInnerHTML={
              Object {
                "__html": "--storage.remote.read-concurrent-limit",
              }
            }
          />
        </td>
        <td
          className="flag-value"
        >
          <span
            dangerouslySetInnerHTML={
              Object {
                "__html": "10",
              }
            }
          />
        </td>
      </tr>
      <tr
        key="--storage.remote.read-max-bytes-in-frame"
      >
        <td
          className="flag-item"
        >
          <span
            dangerouslySetInnerHTML={
              Object {
                "__html": "--storage.remote.read-max-bytes-in-frame",
              }
            }
          />
        </td>
        <td
          className="flag-value"
        >
          <span
            dangerouslySetInnerHTML={
              Object {
                "__html": "1048576",
              }
            }
          />
        </td>
      </tr>
      <tr
        key="--storage.remote.read-sample-limit"
      >
        <td
          className="flag-item"
        >
          <span
            dangerouslySetInnerHTML={
              Object {
                "__html": "--storage.remote.read-sample-limit",
              }
            }
          />
        </td>
        <td
          className="flag-value"
        >
          <span
            dangerouslySetInnerHTML={
              Object {
                "__html": "50000000",
              }
            }
          />
        </td>
      </tr>
      <tr
        key="--storage.tsdb.allow-overlapping-blocks"
      >
        <td
          className="flag-item"
        >
          <span
            dangerouslySetInnerHTML={
              Object {
                "__html": "--storage.tsdb.allow-overlapping-blocks",
              }
            }
          />
        </td>
        <td
          className="flag-value"
        >
          <span
            dangerouslySetInnerHTML={
              Object {
                "__html": "false",
              }
            }
          />
        </td>
      </tr>
      <tr
        key="--storage.tsdb.max-block-duration"
      >
        <td
          className="flag-item"
        >
          <span
            dangerouslySetInnerHTML={
              Object {
                "__html": "--storage.tsdb.max-block-duration",
              }
            }
          />
        </td>
        <td
          className="flag-value"
        >
          <span
            dangerouslySetInnerHTML={
              Object {
                "__html": "36h",
              }
            }
          />
        </td>
      </tr>
      <tr
        key="--storage.tsdb.min-block-duration"
      >
        <td
          className="flag-item"
        >
          <span
            dangerouslySetInnerHTML={
              Object {
                "__html": "--storage.tsdb.min-block-duration",
              }
            }
          />
        </td>
        <td
          className="flag-value"
        >
          <span
            dangerouslySetInnerHTML={
              Object {
                "__html": "2h",
              }
            }
          />
        </td>
      </tr>
      <tr
        key="--storage.tsdb.no-lockfile"
      >
        <td
          className="flag-item"
        >
          <span
            dangerouslySetInnerHTML={
              Object {
                "__html": "--storage.tsdb.no-lockfile",
              }
            }
          />
        </td>
        <td
          className="flag-value"
        >
          <span
            dangerouslySetInnerHTML={
              Object {
                "__html": "false",
              }
            }
          />
        </td>
      </tr>
      <tr
        key="--storage.tsdb.path"
      >
        <td
          className="flag-item"
        >
          <span
            dangerouslySetInnerHTML={
              Object {
                "__html": "--storage.tsdb.path",
              }
            }
          />
        </td>
        <td
          className="flag-value"
        >
          <span
            dangerouslySetInnerHTML={
              Object {
                "__html": "data/",
              }
            }
          />
        </td>
      </tr>
      <tr
        key="--storage.tsdb.retention"
      >
        <td
          className="flag-item"
        >
          <span
            dangerouslySetInnerHTML={
              Object {
                "__html": "--storage.tsdb.retention",
              }
            }
          />
        </td>
        <td
          className="flag-value"
        >
          <span
            dangerouslySetInnerHTML={
              Object {
                "__html": "0s",
              }
            }
          />
        </td>
      </tr>
      <tr
        key="--storage.tsdb.retention.size"
      >
        <td
          className="flag-item"
        >
          <span
            dangerouslySetInnerHTML={
              Object {
                "__html": "--storage.tsdb.retention.size",
              }
            }
          />
        </td>
        <td
          className="flag-value"
        >
          <span
            dangerouslySetInnerHTML={
              Object {
                "__html": "0B",
              }
            }
          />
        </td>
      </tr>
      <tr
        key="--storage.tsdb.retention.time"
      >
        <td
          className="flag-item"
        >
          <span
            dangerouslySetInnerHTML={
              Object {
                "__html": "--storage.tsdb.retention.time",
              }
            }
          />
        </td>
        <td
          className="flag-value"
        >
          <span
            dangerouslySetInnerHTML={
              Object {
                "__html": "0s",
              }
            }
          />
        </td>
      </tr>
      <tr
        key="--storage.tsdb.wal-compression"
      >
        <td
          className="flag-item"
        >
          <span
            dangerouslySetInnerHTML={
              Object {
                "__html": "--storage.tsdb.wal-compression",
              }
            }
          />
        </td>
        <td
          className="flag-value"
        >
          <span
            dangerouslySetInnerHTML={
              Object {
                "__html": "false",
              }
            }
          />
        </td>
      </tr>
      <tr
        key="--storage.tsdb.wal-segment-size"
      >
        <td
          className="flag-item"
        >
          <span
            dangerouslySetInnerHTML={
              Object {
                "__html": "--storage.tsdb.wal-segment-size",
              }
            }
          />
        </td>
        <td
          className="flag-value"
        >
          <span
            dangerouslySetInnerHTML={
              Object {
                "__html": "0B",
              }
            }
          />
        </td>
      </tr>
      <tr
        key="--web.console.libraries"
      >
        <td
          className="flag-item"
        >
          <span
            dangerouslySetInnerHTML={
              Object {
                "__html": "--web.console.libraries",
              }
            }
          />
        </td>
        <td
          className="flag-value"
        >
          <span
            dangerouslySetInnerHTML={
              Object {
                "__html": "console_libraries",
              }
            }
          />
        </td>
      </tr>
      <tr
        key="--web.console.templates"
      >
        <td
          className="flag-item"
        >
          <span
            dangerouslySetInnerHTML={
              Object {
                "__html": "--web.console.templates",
              }
            }
          />
        </td>
        <td
          className="flag-value"
        >
          <span
            dangerouslySetInnerHTML={
              Object {
                "__html": "consoles",
              }
            }
          />
        </td>
      </tr>
      <tr
        key="--web.cors.origin"
      >
        <td
          className="flag-item"
        >
          <span
            dangerouslySetInnerHTML={
              Object {
                "__html": "--web.cors.origin",
              }
            }
          />
        </td>
        <td
          className="flag-value"
        >
          <span
            dangerouslySetInnerHTML={
              Object {
                "__html": ".*",
              }
            }
          />
        </td>
      </tr>
      <tr
        key="--web.enable-admin-api"
      >
        <td
          className="flag-item"
        >
          <span
            dangerouslySetInnerHTML={
              Object {
                "__html": "--web.enable-admin-api",
              }
            }
          />
        </td>
        <td
          className="flag-value"
        >
          <span
            dangerouslySetInnerHTML={
              Object {
                "__html": "false",
              }
            }
          />
        </td>
      </tr>
      <tr
        key="--web.enable-lifecycle"
      >
        <td
          className="flag-item"
        >
          <span
            dangerouslySetInnerHTML={
              Object {
                "__html": "--web.enable-lifecycle",
              }
            }
          />
        </td>
        <td
          className="flag-value"
        >
          <span
            dangerouslySetInnerHTML={
              Object {
                "__html": "false",
              }
            }
          />
        </td>
      </tr>
      <tr
        key="--web.external-url"
      >
        <td
          className="flag-item"
        >
          <span
            dangerouslySetInnerHTML={
              Object {
                "__html": "--web.external-url",
              }
            }
          />
        </td>
        <td
          className="flag-value"
        >
          <span
            dangerouslySetInnerHTML={
              Object {
                "__html": "",
              }
            }
          />
        </td>
      </tr>
      <tr
        key="--web.listen-address"
      >
        <td
          className="flag-item"
        >
          <span
            dangerouslySetInnerHTML={
              Object {
                "__html": "--web.listen-address",
              }
            }
          />
        </td>
        <td
          className="flag-value"
        >
          <span
            dangerouslySetInnerHTML={
              Object {
                "__html": "0.0.0.0:9090",
              }
            }
          />
        </td>
      </tr>
      <tr
        key="--web.max-connections"
      >
        <td
          className="flag-item"
        >
          <span
            dangerouslySetInnerHTML={
              Object {
                "__html": "--web.max-connections",
              }
            }
          />
        </td>
        <td
          className="flag-value"
        >
          <span
            dangerouslySetInnerHTML={
              Object {
                "__html": "512",
              }
            }
          />
        </td>
      </tr>
      <tr
        key="--web.page-title"
      >
        <td
          className="flag-item"
        >
          <span
            dangerouslySetInnerHTML={
              Object {
                "__html": "--web.page-title",
              }
            }
          />
        </td>
        <td
          className="flag-value"
        >
          <span
            dangerouslySetInnerHTML={
              Object {
                "__html": "Prometheus Time Series Collection and Processing Server",
              }
            }
          />
        </td>
      </tr>
      <tr
        key="--web.read-timeout"
      >
        <td
          className="flag-item"
        >
          <span
            dangerouslySetInnerHTML={
              Object {
                "__html": "--web.read-timeout",
              }
            }
          />
        </td>
        <td
          className="flag-value"
        >
          <span
            dangerouslySetInnerHTML={
              Object {
                "__html": "5m",
              }
            }
          />
        </td>
      </tr>
      <tr
        key="--web.route-prefix"
      >
        <td
          className="flag-item"
        >
          <span
            dangerouslySetInnerHTML={
              Object {
                "__html": "--web.route-prefix",
              }
            }
          />
        </td>
        <td
          className="flag-value"
        >
          <span
            dangerouslySetInnerHTML={
              Object {
                "__html": "/",
              }
            }
          />
        </td>
      </tr>
      <tr
        key="--web.user-assets"
      >
        <td
          className="flag-item"
        >
          <span
            dangerouslySetInnerHTML={
              Object {
                "__html": "--web.user-assets",
              }
            }
          />
        </td>
        <td
          className="flag-value"
        >
          <span
            dangerouslySetInnerHTML={
              Object {
                "__html": "",
              }
            }
          />
        </td>
      </tr>
    </tbody>
  </Table>
</Fragment>
`;
