{"version":3,"sources":["webpack:///./src/assets/images/Advanced_User/WebUI-Alarm_FTP_square.png","webpack:///./src/assets/images/Advanced_User/WebUI-Alarm_SMTP_square.png","webpack:///./src/assets/images/Advanced_User/WebUI-Alarm_SD_square.png","webpack:///./src/assets/images/Advanced_User/WebUI-Alarm_Privacy_square.png","webpack:///./src/assets/images/Advanced_User/WebUI-Alarm_Areas_square.png","webpack:///./src/components/CGI_Commands/720p-cgis-card-alarm.jsx","webpack:///./src/pages/720p_Series_CGI_List/Alarm_Menu/index.jsx","webpack:///./src/assets/images/Advanced_User/WebUI-Alarm_Audio_square.png","webpack:///./src/assets/images/Advanced_User/WebUI-Alarm_Schedule_square.png","webpack:///./src/assets/images/Advanced_User/WebUI-Alarm_Actions_square.png","webpack:///./src/assets/images/Advanced_User/WebUI-Alarm_Email_square.png","webpack:///./src/assets/images/Advanced_User/WebUI-Alarm_Alarmserver_square.png","webpack:///./node_modules/@material-ui/core/esm/Grid/Grid.js"],"names":["module","exports","withStyles","theme","root","flexGrow","paper","padding","spacing","color","palette","text","secondary","card","cursor","action","paddingBottom","props","classes","Fragment","className","Grid","container","item","xs","sm","onClick","navigate","role","tabIndex","onKeyDown","Paper","alt","src","CGIsActions","Typography","variant","CGIsPrivacy","CGIsAreas","CGIsSchedule","CGIsSMTP","CGIsEmail","CGIsFTP","CGIsAS","CGIsAudio","CGIsSD","seodata","SEOHelmet","title","description","image","location","pathname","id","style","marginTop","pills","pill","link","previousTitle","previousLink","nextTitle","nextLink","SPACINGS","GRID_SIZES","getOffset","val","div","arguments","length","undefined","parse","parseFloat","concat","String","replace","ref","_props$alignContent","alignContent","_props$alignItems","alignItems","classNameProp","_props$component","component","Component","_props$container","_props$direction","direction","_props$item","_props$justify","justify","_props$lg","lg","_props$md","md","_props$sm","_props$spacing","_props$wrap","wrap","_props$xl","xl","_props$xs","_props$zeroMinWidth","zeroMinWidth","other","StyledGrid","boxSizing","display","flexWrap","width","margin","minWidth","flexDirection","justifyContent","breakpoint","styles","forEach","themeSpacing","generateGutter","breakpoints","keys","reduce","accumulator","key","globalStyles","size","Math","round","flexBasis","maxWidth","up","generateGrid","name"],"mappings":"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","file":"component---src-pages-720-p-series-cgi-list-alarm-menu-index-jsx-9af252abf510e7520836.js","sourcesContent":["module.exports = __webpack_public_path__ + \"static/WebUI-Alarm_FTP_square-3146f4f998f1417bcf36d0f4ef3d8bfa.png\";","module.exports = __webpack_public_path__ + \"static/WebUI-Alarm_SMTP_square-1cb91a2967bba3f0cc115161c064ee04.png\";","module.exports = __webpack_public_path__ + \"static/WebUI-Alarm_SD_square-c5afa69ebb3762a9b57ffbb44ee9aa5d.png\";","module.exports = __webpack_public_path__ + \"static/WebUI-Alarm_Privacy_square-483cb3c883f4c8d3d403b5f026168f30.png\";","module.exports = __webpack_public_path__ + \"static/WebUI-Alarm_Areas_square-08195d42df68c55288a04d654d3a60fc.png\";","import React from 'react'\nimport PropTypes from 'prop-types'\nimport { navigate } from 'gatsby'\n\nimport { withStyles } from '@material-ui/core/styles'\n\nimport Grid from '@material-ui/core/Grid'\nimport Paper from '@material-ui/core/Paper'\nimport Typography from '@material-ui/core/Typography'\n\nimport CGIsActions from \"../../assets/images/Advanced_User/WebUI-Alarm_Actions_square.png\";\nimport CGIsPrivacy from \"../../assets/images/Advanced_User/WebUI-Alarm_Privacy_square.png\";\nimport CGIsAreas from \"../../assets/images/Advanced_User/WebUI-Alarm_Areas_square.png\";\nimport CGIsSchedule from \"../../assets/images/Advanced_User/WebUI-Alarm_Schedule_square.png\";\nimport CGIsSMTP from \"../../assets/images/Advanced_User/WebUI-Alarm_SMTP_square.png\";\nimport CGIsEmail from \"../../assets/images/Advanced_User/WebUI-Alarm_Email_square.png\";\nimport CGIsFTP from \"../../assets/images/Advanced_User/WebUI-Alarm_FTP_square.png\";\nimport CGIsAS from \"../../assets/images/Advanced_User/WebUI-Alarm_Alarmserver_square.png\";\nimport CGIsAudio from \"../../assets/images/Advanced_User/WebUI-Alarm_Audio_square.png\";\nimport CGIsSD from \"../../assets/images/Advanced_User/WebUI-Alarm_SD_square.png\";\n\nconst styles = theme => ({\n  root: {\n    flexGrow: 1,\n  },\n  paper: {\n    padding: theme.spacing(2),\n    color: theme.palette.text.secondary,\n  },\n  card: {\n    padding: theme.spacing(2),\n    color: theme.palette.text.secondary,\n    cursor: 'pointer',\n  },\n  action: {\n    paddingBottom: 5,\n  },\n})\n\nfunction CgiCardAlarm(props) {\n  const { classes } = props;\n\n  return (\n    <React.Fragment>\n      <div className={classes.root}>\n        <Grid container spacing={10}>\n          <Grid item xs={12} sm={6} className={classes.card}>\n            <div onClick={() => navigate('/720p_Series_CGI_List/Alarm_Menu/Actions/')} role='button' tabIndex={-1} onKeyDown={() => navigate('/720p_Series_CGI_List/Alarm_Menu/Actions/')}>\n              <Paper className={classes.paper}>\n                <img alt=\"Alarm CGIs\" src={CGIsActions} />\n                <div className={classes.action}>\n                  <br />\n                  <Typography variant=\"h6\" >\n                    Alarm Actions\n                  </Typography>\n                </div>\n              </Paper>\n            </div>\n          </Grid>\n          <Grid item xs={12} sm={6} className={classes.card}>\n            <div onClick={() => navigate('/720p_Series_CGI_List/Alarm_Menu/Privacy_Mask/')} role='button' tabIndex={-1} onKeyDown={() => navigate('/720p_Series_CGI_List/Alarm_Menu/Privacy_Mask/')}>\n              <Paper className={classes.paper}>\n                <img alt=\"Alarm CGIs\" src={CGIsPrivacy} />\n                <div className={classes.action}>\n                  <br />\n                  <Typography variant=\"h6\" >\n                    Privacy Mask\n                  </Typography>\n                </div>\n              </Paper>\n            </div>\n          </Grid>\n        </Grid>\n        <Grid container spacing={10}>\n          <Grid item xs={12} sm={6} className={classes.card}>\n            <div onClick={() => navigate('/720p_Series_CGI_List/Alarm_Menu/Areas/')} role='button' tabIndex={-1} onKeyDown={() => navigate('/720p_Series_CGI_List/Alarm_Menu/Areas/')}>\n              <Paper className={classes.paper}>\n                <img alt=\"Alarm CGIs\" src={CGIsAreas} />\n                <div className={classes.action}>\n                  <br />\n                  <Typography variant=\"h6\" >\n                    Alarm Areas\n                  </Typography>\n                </div>\n              </Paper>\n            </div>\n          </Grid>\n          <Grid item xs={12} sm={6} className={classes.card}>\n            <div onClick={() => navigate('/720p_Series_CGI_List/Alarm_Menu/Schedule/')} role='button' tabIndex={-1} onKeyDown={() => navigate('/720p_Series_CGI_List/Alarm_Menu/Schedule/')}>\n              <Paper className={classes.paper}>\n                <img alt=\"Alarm CGIs\" src={CGIsSchedule} />\n                <div className={classes.action}>\n                  <br />\n                  <Typography variant=\"h6\" >\n                    Alarm Schedule\n                  </Typography>\n                </div>\n              </Paper>\n            </div>\n          </Grid>\n        </Grid>\n        <Grid container spacing={10}>\n          <Grid item xs={12} sm={6} className={classes.card}>\n            <div onClick={() => navigate('/720p_Series_CGI_List/Alarm_Menu/SMTP_Server/')} role='button' tabIndex={-1} onKeyDown={() => navigate('/720p_Series_CGI_List/Alarm_Menu/SMTP_Server/')}>\n              <Paper className={classes.paper}>\n                <img alt=\"Alarm CGIs\" src={CGIsSMTP} />\n                <div className={classes.action}>\n                  <br />\n                  <Typography variant=\"h6\" >\n                    SMTP Server\n                  </Typography>\n                </div>\n              </Paper>\n            </div>\n          </Grid>\n          <Grid item xs={12} sm={6} className={classes.card}>\n            <div onClick={() => navigate('/720p_Series_CGI_List/Alarm_Menu/Email/')} role='button' tabIndex={-1} onKeyDown={() => navigate('/720p_Series_CGI_List/Alarm_Menu/Email/')}>\n              <Paper className={classes.paper}>\n                <img alt=\"Alarm CGIs\" src={CGIsEmail} />\n                <div className={classes.action}>\n                  <br />\n                  <Typography variant=\"h6\" >\n                    Email Settings\n                  </Typography>\n                </div>\n              </Paper>\n            </div>\n          </Grid>\n        </Grid>\n        <Grid container spacing={10}>\n          <Grid item xs={12} sm={6} className={classes.card}>\n            <div onClick={() => navigate('/720p_Series_CGI_List/Alarm_Menu/FTP/')} role='button' tabIndex={-1} onKeyDown={() => navigate('/720p_Series_CGI_List/Alarm_Menu/FTP/')}>\n              <Paper className={classes.paper}>\n                <img alt=\"Alarm CGIs\" src={CGIsFTP} />\n                <div className={classes.action}>\n                  <br />\n                  <Typography variant=\"h6\" >\n                    FTP Settings\n                  </Typography>\n                </div>\n              </Paper>\n            </div>\n          </Grid>\n          <Grid item xs={12} sm={6} className={classes.card}>\n            <div onClick={() => navigate('/720p_Series_CGI_List/Alarm_Menu/Alarm_Server/')} role='button' tabIndex={-1} onKeyDown={() => navigate('/720p_Series_CGI_List/Alarm_Menu/Alarm_Server/')}>\n              <Paper className={classes.paper}>\n                <img alt=\"Alarm CGIs\" src={CGIsAS} />\n                <div className={classes.action}>\n                  <br />\n                  <Typography variant=\"h6\" >\n                    Alarm Server\n                  </Typography>\n                </div>\n              </Paper>\n            </div>\n          </Grid>\n        </Grid>\n        <Grid container spacing={10}>\n          <Grid item xs={12} sm={6} className={classes.card}>\n            <div onClick={() => navigate('/720p_Series_CGI_List/Alarm_Menu/Audio_Alarm/')} role='button' tabIndex={-1} onKeyDown={() => navigate('/720p_Series_CGI_List/Alarm_Menu/Audio_Alarm/')}>\n              <Paper className={classes.paper}>\n                <img alt=\"Alarm CGIs\" src={CGIsAudio} />\n                <div className={classes.action}>\n                  <br />\n                  <Typography variant=\"h6\" >\n                    Audio Alarm\n                  </Typography>\n                </div>\n              </Paper>\n            </div>\n          </Grid>\n          <Grid item xs={12} sm={6} className={classes.card}>\n            <div onClick={() => navigate('/720p_Series_CGI_List/Alarm_Menu/SD_Card/')} role='button' tabIndex={-1} onKeyDown={() => navigate('/720p_Series_CGI_List/Alarm_Menu/SD_Card/')}>\n              <Paper className={classes.paper}>\n                <img alt=\"Alarm CGIs\" src={CGIsSD} />\n                <div className={classes.action}>\n                  <br />\n                  <Typography variant=\"h6\" >\n                    SD Card\n                  </Typography>\n                </div>\n              </Paper>\n            </div>\n          </Grid>\n        </Grid>\n      </div>\n    </React.Fragment>\n  );\n}\n\nCgiCardAlarm.propTypes = {\n  classes: PropTypes.object.isRequired,\n}\n\nexport default withStyles(styles)(CgiCardAlarm)","import React from 'react'\n\nimport SEOHelmet from '../../../components/Layout/SEOHelmet'\nimport Footer from \"../../../components/Layout/footer\"\nimport BreadCrumbs from '../../../components/Layout/breadcrumbs/breadcrumbs'\n\nimport Cards from \"../../../components/CGI_Commands/720p-cgis-card-alarm\"\n\nconst seodata = {\n  title: 'Alarm Menu :: 720p CGI Commands',\n  description: 'Control your camera´s function directly through its Common Gateway Interface. Use third-party Software to automate regular operations.',\n  image: '/images/Search/AU_SearchThumb_CGICommands_720p.png'\n}\n\nexport default (props) => (\n  <React.Fragment>\n    <SEOHelmet title={seodata.title} description={seodata.description} image={seodata.image} location={props.location.pathname} />\n    <h1 id=\"introduction\" style={{ marginTop: 0 }}>\n      720p CGI Commands\n    </h1>\n\n    <BreadCrumbs\n      pills={\n        [\n          {\n            pill: \"Developer\",\n            link: \"/fr/Advanced_User/\"\n          },\n          {\n            pill: \"CGI Commands\",\n            link: \"/fr/Advanced_User/CGI_Commands/\"\n          },\n          {\n            pill: \"720p Series CGIs\",\n            link: \"/fr/720p_Series_CGI_List/\"\n          },\n          {\n            pill: \"Alarm Menu\",\n            link: \"/fr/720p_Series_CGI_List/Alarm_Menu/\"\n          },\n        ]\n      } />\n\n    <h2>The Alarm Menu</h2>\n    <Cards />\n    <br />\n    <br />\n    <Footer\n      previousTitle=\"720p Series CGI List\"\n      previousLink=\"/fr/720p_Series_CGI_List/\"\n      nextTitle=\"Recording Menu\"\n      nextLink=\"/fr/720p_Series_CGI_List/Recording_Menu/\" />\n  </React.Fragment>\n);","module.exports = __webpack_public_path__ + \"static/WebUI-Alarm_Audio_square-741c4727d42feafbf76eaa800c02e7c7.png\";","module.exports = __webpack_public_path__ + \"static/WebUI-Alarm_Schedule_square-771a470b8e16017557fc1583d74fef85.png\";","module.exports = __webpack_public_path__ + \"static/WebUI-Alarm_Actions_square-6405f1813bdd64d81ff92a521dc78548.png\";","module.exports = __webpack_public_path__ + \"static/WebUI-Alarm_Email_square-0331ee5193bacba9897f2ce30e274bfc.png\";","module.exports = __webpack_public_path__ + \"static/WebUI-Alarm_Alarmserver_square-d929a4d0fbcc03b37139614b241cf3b4.png\";","import \"core-js/modules/es.array.reduce.js\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\"; // A grid component using the following libs as inspiration.\n//\n// For the implementation:\n// - https://getbootstrap.com/docs/4.3/layout/grid/\n// - https://github.com/kristoferjoseph/flexboxgrid/blob/master/src/css/flexboxgrid.css\n// - https://github.com/roylee0704/react-flexbox-grid\n// - https://material.angularjs.org/latest/layout/introduction\n//\n// Follow this flexbox Guide to better understand the underlying model:\n// - https://css-tricks.com/snippets/css/a-guide-to-flexbox/\n\nimport * as React from 'react';\nimport clsx from 'clsx';\nimport withStyles from '../styles/withStyles';\nimport requirePropFactory from '../utils/requirePropFactory';\nvar SPACINGS = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10];\nvar GRID_SIZES = ['auto', true, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12];\n\nfunction generateGrid(globalStyles, theme, breakpoint) {\n  var styles = {};\n  GRID_SIZES.forEach(function (size) {\n    var key = \"grid-\".concat(breakpoint, \"-\").concat(size);\n\n    if (size === true) {\n      // For the auto layouting\n      styles[key] = {\n        flexBasis: 0,\n        flexGrow: 1,\n        maxWidth: '100%'\n      };\n      return;\n    }\n\n    if (size === 'auto') {\n      styles[key] = {\n        flexBasis: 'auto',\n        flexGrow: 0,\n        maxWidth: 'none'\n      };\n      return;\n    } // Keep 7 significant numbers.\n\n\n    var width = \"\".concat(Math.round(size / 12 * 10e7) / 10e5, \"%\"); // Close to the bootstrap implementation:\n    // https://github.com/twbs/bootstrap/blob/8fccaa2439e97ec72a4b7dc42ccc1f649790adb0/scss/mixins/_grid.scss#L41\n\n    styles[key] = {\n      flexBasis: width,\n      flexGrow: 0,\n      maxWidth: width\n    };\n  }); // No need for a media query for the first size.\n\n  if (breakpoint === 'xs') {\n    _extends(globalStyles, styles);\n  } else {\n    globalStyles[theme.breakpoints.up(breakpoint)] = styles;\n  }\n}\n\nfunction getOffset(val) {\n  var div = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;\n  var parse = parseFloat(val);\n  return \"\".concat(parse / div).concat(String(val).replace(String(parse), '') || 'px');\n}\n\nfunction generateGutter(theme, breakpoint) {\n  var styles = {};\n  SPACINGS.forEach(function (spacing) {\n    var themeSpacing = theme.spacing(spacing);\n\n    if (themeSpacing === 0) {\n      return;\n    }\n\n    styles[\"spacing-\".concat(breakpoint, \"-\").concat(spacing)] = {\n      margin: \"-\".concat(getOffset(themeSpacing, 2)),\n      width: \"calc(100% + \".concat(getOffset(themeSpacing), \")\"),\n      '& > $item': {\n        padding: getOffset(themeSpacing, 2)\n      }\n    };\n  });\n  return styles;\n} // Default CSS values\n// flex: '0 1 auto',\n// flexDirection: 'row',\n// alignItems: 'flex-start',\n// flexWrap: 'nowrap',\n// justifyContent: 'flex-start',\n\n\nexport var styles = function styles(theme) {\n  return _extends({\n    /* Styles applied to the root element. */\n    root: {},\n\n    /* Styles applied to the root element if `container={true}`. */\n    container: {\n      boxSizing: 'border-box',\n      display: 'flex',\n      flexWrap: 'wrap',\n      width: '100%'\n    },\n\n    /* Styles applied to the root element if `item={true}`. */\n    item: {\n      boxSizing: 'border-box',\n      margin: '0' // For instance, it's useful when used with a `figure` element.\n\n    },\n\n    /* Styles applied to the root element if `zeroMinWidth={true}`. */\n    zeroMinWidth: {\n      minWidth: 0\n    },\n\n    /* Styles applied to the root element if `direction=\"column\"`. */\n    'direction-xs-column': {\n      flexDirection: 'column'\n    },\n\n    /* Styles applied to the root element if `direction=\"column-reverse\"`. */\n    'direction-xs-column-reverse': {\n      flexDirection: 'column-reverse'\n    },\n\n    /* Styles applied to the root element if `direction=\"row-reverse\"`. */\n    'direction-xs-row-reverse': {\n      flexDirection: 'row-reverse'\n    },\n\n    /* Styles applied to the root element if `wrap=\"nowrap\"`. */\n    'wrap-xs-nowrap': {\n      flexWrap: 'nowrap'\n    },\n\n    /* Styles applied to the root element if `wrap=\"reverse\"`. */\n    'wrap-xs-wrap-reverse': {\n      flexWrap: 'wrap-reverse'\n    },\n\n    /* Styles applied to the root element if `alignItems=\"center\"`. */\n    'align-items-xs-center': {\n      alignItems: 'center'\n    },\n\n    /* Styles applied to the root element if `alignItems=\"flex-start\"`. */\n    'align-items-xs-flex-start': {\n      alignItems: 'flex-start'\n    },\n\n    /* Styles applied to the root element if `alignItems=\"flex-end\"`. */\n    'align-items-xs-flex-end': {\n      alignItems: 'flex-end'\n    },\n\n    /* Styles applied to the root element if `alignItems=\"baseline\"`. */\n    'align-items-xs-baseline': {\n      alignItems: 'baseline'\n    },\n\n    /* Styles applied to the root element if `alignContent=\"center\"`. */\n    'align-content-xs-center': {\n      alignContent: 'center'\n    },\n\n    /* Styles applied to the root element if `alignContent=\"flex-start\"`. */\n    'align-content-xs-flex-start': {\n      alignContent: 'flex-start'\n    },\n\n    /* Styles applied to the root element if `alignContent=\"flex-end\"`. */\n    'align-content-xs-flex-end': {\n      alignContent: 'flex-end'\n    },\n\n    /* Styles applied to the root element if `alignContent=\"space-between\"`. */\n    'align-content-xs-space-between': {\n      alignContent: 'space-between'\n    },\n\n    /* Styles applied to the root element if `alignContent=\"space-around\"`. */\n    'align-content-xs-space-around': {\n      alignContent: 'space-around'\n    },\n\n    /* Styles applied to the root element if `justify=\"center\"`. */\n    'justify-xs-center': {\n      justifyContent: 'center'\n    },\n\n    /* Styles applied to the root element if `justify=\"flex-end\"`. */\n    'justify-xs-flex-end': {\n      justifyContent: 'flex-end'\n    },\n\n    /* Styles applied to the root element if `justify=\"space-between\"`. */\n    'justify-xs-space-between': {\n      justifyContent: 'space-between'\n    },\n\n    /* Styles applied to the root element if `justify=\"space-around\"`. */\n    'justify-xs-space-around': {\n      justifyContent: 'space-around'\n    },\n\n    /* Styles applied to the root element if `justify=\"space-evenly\"`. */\n    'justify-xs-space-evenly': {\n      justifyContent: 'space-evenly'\n    }\n  }, generateGutter(theme, 'xs'), theme.breakpoints.keys.reduce(function (accumulator, key) {\n    // Use side effect over immutability for better performance.\n    generateGrid(accumulator, theme, key);\n    return accumulator;\n  }, {}));\n};\nvar Grid = /*#__PURE__*/React.forwardRef(function Grid(props, ref) {\n  var _props$alignContent = props.alignContent,\n      alignContent = _props$alignContent === void 0 ? 'stretch' : _props$alignContent,\n      _props$alignItems = props.alignItems,\n      alignItems = _props$alignItems === void 0 ? 'stretch' : _props$alignItems,\n      classes = props.classes,\n      classNameProp = props.className,\n      _props$component = props.component,\n      Component = _props$component === void 0 ? 'div' : _props$component,\n      _props$container = props.container,\n      container = _props$container === void 0 ? false : _props$container,\n      _props$direction = props.direction,\n      direction = _props$direction === void 0 ? 'row' : _props$direction,\n      _props$item = props.item,\n      item = _props$item === void 0 ? false : _props$item,\n      _props$justify = props.justify,\n      justify = _props$justify === void 0 ? 'flex-start' : _props$justify,\n      _props$lg = props.lg,\n      lg = _props$lg === void 0 ? false : _props$lg,\n      _props$md = props.md,\n      md = _props$md === void 0 ? false : _props$md,\n      _props$sm = props.sm,\n      sm = _props$sm === void 0 ? false : _props$sm,\n      _props$spacing = props.spacing,\n      spacing = _props$spacing === void 0 ? 0 : _props$spacing,\n      _props$wrap = props.wrap,\n      wrap = _props$wrap === void 0 ? 'wrap' : _props$wrap,\n      _props$xl = props.xl,\n      xl = _props$xl === void 0 ? false : _props$xl,\n      _props$xs = props.xs,\n      xs = _props$xs === void 0 ? false : _props$xs,\n      _props$zeroMinWidth = props.zeroMinWidth,\n      zeroMinWidth = _props$zeroMinWidth === void 0 ? false : _props$zeroMinWidth,\n      other = _objectWithoutProperties(props, [\"alignContent\", \"alignItems\", \"classes\", \"className\", \"component\", \"container\", \"direction\", \"item\", \"justify\", \"lg\", \"md\", \"sm\", \"spacing\", \"wrap\", \"xl\", \"xs\", \"zeroMinWidth\"]);\n\n  var className = clsx(classes.root, classNameProp, container && [classes.container, spacing !== 0 && classes[\"spacing-xs-\".concat(String(spacing))]], item && classes.item, zeroMinWidth && classes.zeroMinWidth, direction !== 'row' && classes[\"direction-xs-\".concat(String(direction))], wrap !== 'wrap' && classes[\"wrap-xs-\".concat(String(wrap))], alignItems !== 'stretch' && classes[\"align-items-xs-\".concat(String(alignItems))], alignContent !== 'stretch' && classes[\"align-content-xs-\".concat(String(alignContent))], justify !== 'flex-start' && classes[\"justify-xs-\".concat(String(justify))], xs !== false && classes[\"grid-xs-\".concat(String(xs))], sm !== false && classes[\"grid-sm-\".concat(String(sm))], md !== false && classes[\"grid-md-\".concat(String(md))], lg !== false && classes[\"grid-lg-\".concat(String(lg))], xl !== false && classes[\"grid-xl-\".concat(String(xl))]);\n  return /*#__PURE__*/React.createElement(Component, _extends({\n    className: className,\n    ref: ref\n  }, other));\n});\nprocess.env.NODE_ENV !== \"production\" ? void 0 : void 0;\nvar StyledGrid = withStyles(styles, {\n  name: 'MuiGrid'\n})(Grid);\n\nif (process.env.NODE_ENV !== 'production') {\n  var requireProp = requirePropFactory('Grid');\n  StyledGrid.propTypes = _extends({}, StyledGrid.propTypes, {\n    alignContent: requireProp('container'),\n    alignItems: requireProp('container'),\n    direction: requireProp('container'),\n    justify: requireProp('container'),\n    lg: requireProp('item'),\n    md: requireProp('item'),\n    sm: requireProp('item'),\n    spacing: requireProp('container'),\n    wrap: requireProp('container'),\n    xs: requireProp('item'),\n    zeroMinWidth: requireProp('item')\n  });\n}\n\nexport default StyledGrid;"],"sourceRoot":""}