import _objectWithoutProperties from"@babel/runtime/helpers/esm/objectWithoutProperties";import _defineProperty from"@babel/runtime/helpers/esm/defineProperty";import*as React from"react";import PropTypes from"prop-types";import capitalize from"../utils/capitalize";import withStyles from"../styles/withStyles";import useTheme from"../styles/useTheme";var styles=function(e){var o={display:"none"};return e.breakpoints.keys.reduce(function(r,s){return r["only".concat(capitalize(s))]=_defineProperty({},e.breakpoints.only(s),o),r["".concat(s,"Up")]=_defineProperty({},e.breakpoints.up(s),o),r["".concat(s,"Down")]=_defineProperty({},e.breakpoints.down(s),o),r},{})};function HiddenCss(e){var o=e.children,r=e.classes,s=e.className,p=e.only,t=_objectWithoutProperties(e,["children","classes","className","only"]),n=useTheme();if("production"!==process.env.NODE_ENV){var i=Object.keys(t).filter(function(e){return!n.breakpoints.keys.some(function(o){return"".concat(o,"Up")===e||"".concat(o,"Down")===e})});i.length>0&&console.error('Material-UI: Unsupported props received by `<Hidden implementation="css" />`: '.concat(i.join(", "),". Did you forget to wrap this component in a ThemeProvider declaring these breakpoints?"))}var a=[];s&&a.push(s);for(var c=0;c<n.breakpoints.keys.length;c+=1){var l=n.breakpoints.keys[c],y=e["".concat(l,"Up")],m=e["".concat(l,"Down")];y&&a.push(r["".concat(l,"Up")]),m&&a.push(r["".concat(l,"Down")])}p&&(Array.isArray(p)?p:[p]).forEach(function(e){a.push(r["only".concat(capitalize(e))])});return React.createElement("div",{className:a.join(" ")},o)}"production"!==process.env.NODE_ENV&&(HiddenCss.propTypes={children:PropTypes.node,classes:PropTypes.object.isRequired,className:PropTypes.string,implementation:PropTypes.oneOf(["js","css"]),lgDown:PropTypes.bool,lgUp:PropTypes.bool,mdDown:PropTypes.bool,mdUp:PropTypes.bool,only:PropTypes.oneOfType([PropTypes.oneOf(["xs","sm","md","lg","xl"]),PropTypes.arrayOf(PropTypes.oneOf(["xs","sm","md","lg","xl"]))]),smDown:PropTypes.bool,smUp:PropTypes.bool,xlDown:PropTypes.bool,xlUp:PropTypes.bool,xsDown:PropTypes.bool,xsUp:PropTypes.bool});export default withStyles(styles,{name:"PrivateHiddenCss"})(HiddenCss);