{"version":3,"sources":["webpack:///./src/components/Products/Usermanuals/CameraNightvision/nightvision-min-max-graph.jsx","webpack:///./src/components/Products/Usermanuals/CameraNightvision/nightvision-min-max-card.jsx","webpack:///./src/components/Products/Usermanuals/CameraAngleOfView/aov-graph.jsx","webpack:///./src/components/Products/Usermanuals/CameraAngleOfView/aov-card.jsx","webpack:///./src/components/Products/Indoor_Cameras/IN-8003/in8003-overview-card.jsx","webpack:///./src/pages/Indoor_Cameras/IN-8003_HD/index.jsx","webpack:///./src/components/Products/Usermanuals/CameraPowerConsumption/power-indoor-graph.jsx","webpack:///./src/components/Products/Usermanuals/CameraPowerConsumption/power-indoor-card.jsx"],"names":["DATA","x","y","Example","props","state","crosshairValues","render","Fragment","className","onMouseLeave","setState","height","xType","stackBy","onNearestX","value","index","map","d","cluster","color","data","values","this","orientation","items","title","React","Component","withStyles","container","paddingTop","paddingBottom","paddingLeft","paddingRight","classes","Paper","Typography","variant","card","maxWidth","display","imagebox","marginTop","button","float","background","boxShadow","overviewImage","Card","CardContent","gutterBottom","component","Button","style","textDecoration","href","target","rel","fluid","alt","seodata","SEOHelmet","description","image","location","id","pills","pill","link","file","childImageSharp","to","previousTitle","previousLink","nextTitle","nextLink","margin","bottom","attr","attrAxis","tickLabelAngle","curve"],"mappings":"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","file":"component---src-pages-indoor-cameras-in-8003-hd-index-jsx-ba08ecf2d8f1f4b7949a.js","sourcesContent":["import React from 'react'\nimport '../../../../../node_modules/react-vis/dist/style.css'\nimport {\n  FlexibleWidthXYPlot,\n  XAxis,\n  VerticalGridLines,\n  HorizontalGridLines,\n  VerticalBarSeries,\n  DiscreteColorLegend,\n  Crosshair\n} from 'react-vis'\n\nconst DATA = [\n  [\n    { x: 'IN-6001 HD', y: 5 },\n    { x: 'IN-6014 HD', y: 5 },\n    { x: 'IN-5905 HD', y: 12 },\n    { x: 'IN-5907 HD', y: 18 },\n    { x: 'IN-7011 HD', y: 8 },\n    { x: 'IN-8003 FHD', y: 8 },\n    { x: 'IN-8015 FHD', y: 5 },\n    { x: 'IN-9008 FHD', y: 12 },\n    { x: 'IN-9020 FHD', y: 15 }\n  ],\n  [\n    { x: 'IN-6001 HD', y: 7 },\n    { x: 'IN-6014 HD', y: 10 },\n    { x: 'IN-5905 HD', y: 20 },\n    { x: 'IN-5907 HD', y: 25 },\n    { x: 'IN-7011 HD', y: 12 },\n    { x: 'IN-8003 FHD', y: 12 },\n    { x: 'IN-8015 FHD', y: 10 },\n    { x: 'IN-9008 FHD', y: 20 },\n    { x: 'IN-9020 FHD', y: 25 }\n  ]\n];\n\nexport default class Example extends React.Component {\n  constructor(props) {\n    super(props);\n    this.state = {\n      crosshairValues: []\n    };\n  }\n\n  render() {\n    return (\n      <React.Fragment>\n\n        <div className=\"chart\">\n          <FlexibleWidthXYPlot\n            onMouseLeave={() => this.setState({ crosshairValues: [] })}\n            height={300}\n            xType=\"ordinal\"\n            stackBy=\"y\">\n            \n            <VerticalGridLines />\n\n            <HorizontalGridLines />\n\n            <XAxis />\n\n            <VerticalBarSeries\n              onNearestX={(value, { index }) =>\n                this.setState({ crosshairValues: DATA.map(d => d[index]) })}\n              cluster=\"nightvision\"\n              color=\"#1274d3\"\n              data={DATA[0]} />\n\n            <VerticalBarSeries\n              cluster=\"nightvision\"\n              color=\"#efac59\"\n              data={DATA[1]} />\n\n            <Crosshair values={this.state.crosshairValues} />\n\n          </FlexibleWidthXYPlot>\n        </div>\n\n        <div className=\"legend\">\n          <DiscreteColorLegend\n            orientation=\"horizontal\"\n            items={[\n              {\n                title: '[0] min [m]',\n                color: '#1274d3'\n              },\n              {\n                title: '[1] max [m]',\n                color: '#efac59'\n              }\n            ]}\n          />\n        </div>\n\n      </React.Fragment>\n    );\n  }\n}","import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport { withStyles } from '@material-ui/core/styles'\n// import withRoot from '../../../../utils/withRoot'\nimport Paper from '@material-ui/core/Paper'\nimport Typography from '@material-ui/core/Typography'\n\nimport PowerGraph from \"./nightvision-min-max-graph\"\n\nconst styles = {\n  container: {\n    paddingTop: 20,\n    paddingBottom: 10,\n    paddingLeft: 10,\n    paddingRight: 35\n  },\n};\n\nfunction PowerCard(props) {\n  const { classes } = props;\n  return (\n    <Paper>\n      <div className={classes.container}>\n        <Typography variant=\"h5\" >\n          Nightvision Distance\n        </Typography>\n        <br />\n        <PowerGraph />\n      </div>\n    </Paper>\n  );\n}\n\nPowerCard.propTypes = {\n  classes: PropTypes.object.isRequired,\n}\n\n// export default withRoot(withStyles(styles)(PowerCard))\nexport default withStyles(styles)(PowerCard)","import React from 'react'\nimport '../../../../../node_modules/react-vis/dist/style.css'\nimport {\n  FlexibleWidthXYPlot,\n  XAxis,\n  VerticalGridLines,\n  HorizontalGridLines,\n  VerticalBarSeries,\n  DiscreteColorLegend,\n  Crosshair\n} from 'react-vis'\n\nconst DATA = [\n  [\n    { x: 'IN-6001 HD', y: 75.3 },\n    { x: 'IN-6012 HD', y: 44.1 },\n    { x: 'IN-6014 HD', y: 75.3 },\n    { x: 'IN-5905 HD', y: 78.1 },\n    { x: 'IN-5907 HD', y: 44.1 },\n    { x: 'IN-7011 HD', y: 56.8 },\n    { x: 'IN-8003 FHD', y: 72.3 },\n    { x: 'IN-8015 FHD', y: 72.3 },\n    { x: 'IN-9008 FHD', y: 72.3 }\n  ],\n  [\n    { x: 'IN-6001 HD', y: 64 },\n    { x: 'IN-6012 HD', y: 37.5 },\n    { x: 'IN-6014 HD', y: 64 },\n    { x: 'IN-5905 HD', y: 66.3 },\n    { x: 'IN-5907 HD', y: 37.5 },\n    { x: 'IN-7011 HD', y: 48.2 },\n    { x: 'IN-8003 FHD', y: 61.4 },\n    { x: 'IN-8015 FHD', y: 61.4 },\n    { x: 'IN-9008 FHD', y: 61.4 }\n  ],\n  [\n    { x: 'IN-6001 HD', y: 39.7 },\n    { x: 'IN-6012 HD', y: 23.3 },\n    { x: 'IN-6014 HD', y: 39.7 },\n    { x: 'IN-5905 HD', y: 41.2 },\n    { x: 'IN-5907 HD', y: 23.3 },\n    { x: 'IN-7011 HD', y: 29.9 },\n    { x: 'IN-8003 FHD', y: 38.1 },\n    { x: 'IN-8015 FHD', y: 38.1 },\n    { x: 'IN-9008 FHD', y: 38.1 }\n  ]\n];\n\nexport default class Example extends React.Component {\n  constructor(props) {\n    super(props);\n    this.state = {\n      crosshairValues: []\n    };\n  }\n\n  render() {\n    return (\n      <React.Fragment>\n\n        <div className=\"chart\">\n          <FlexibleWidthXYPlot\n            onMouseLeave={() => this.setState({ crosshairValues: [] })}\n            height={300}\n            xType=\"ordinal\"\n            stackBy=\"y\">\n\n            <VerticalGridLines />\n\n            <HorizontalGridLines />\n\n            <XAxis />\n\n            <VerticalBarSeries\n              onNearestX={(value, { index }) =>\n                this.setState({ crosshairValues: DATA.map(d => d[index]) })}\n              cluster=\"aov\"\n              color=\"#1274d3\"\n              data={DATA[2]} />\n\n            <VerticalBarSeries\n              cluster=\"aov\"\n              color=\"#efac59\"\n              data={DATA[1]} />\n\n            <VerticalBarSeries\n              cluster=\"aov\"\n              color=\"#dd706e\"\n              data={DATA[0]} />\n\n            <Crosshair values={this.state.crosshairValues} />\n\n          </FlexibleWidthXYPlot>\n        </div>\n\n        <div className=\"legend\">\n          <DiscreteColorLegend\n            orientation=\"horizontal\"\n            items={[\n              {\n                title: '[0] diagonal [°]',\n                color: '#dd706e'\n              },\n              {\n                title: '[1] horizontal [°]',\n                color: '#efac59'\n              },\n              {\n                title: '[2] vertical [°]',\n                color: '#1274d3'\n              }\n            ]}\n          />\n        </div>\n\n      </React.Fragment>\n    );\n  }\n}","import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport { withStyles } from '@material-ui/core/styles'\n// import withRoot from '../../../../utils/withRoot'\nimport Paper from '@material-ui/core/Paper'\nimport Typography from '@material-ui/core/Typography'\n\nimport AOVGraph from \"./aov-graph\"\n\nconst styles = {\n  container: {\n    paddingTop: 20,\n    paddingBottom: 10,\n    paddingLeft: 10,\n    paddingRight: 35\n  },\n};\n\nfunction AOVCard(props) {\n  const { classes } = props;\n  return (\n    <Paper className={classes.container}>\n      <Typography variant=\"h5\">\n        Field of View\n      </Typography>\n      <br />\n      <AOVGraph />\n    </Paper>\n  );\n}\n\nAOVCard.propTypes = {\n  classes: PropTypes.object.isRequired,\n}\n\n// export default withRoot(withStyles(styles)(AOVCard))\nexport default withStyles(styles)(AOVCard)\n","import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport Img from 'gatsby-image'\n\nimport { withStyles } from '@material-ui/core/styles'\nimport Card from '@material-ui/core/Card'\nimport CardContent from '@material-ui/core/CardContent'\nimport Button from '@material-ui/core/Button'\nimport Typography from '@material-ui/core/Typography'\n\nconst styles = {\n  card: {\n    maxWidth: 860,\n    '@media(max-width: 550px)': {\n      display: 'none'\n    }\n  },\n  imagebox: {\n    marginTop: 15,\n  },\n  button: {\n    float: 'right',\n    background: '#06d',\n    color: '#fff',\n    boxShadow: '0px 1px 5px 0px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12)',\n  }\n}\n\nfunction OverviewCard(props) {\n  const { classes, overviewImage } = props;\n  return (\n    <div>\n      <Card className={classes.card}>\n        <CardContent>\n          <Typography gutterBottom variant=\"h5\" component=\"h2\">\n            IN-8003 Full HD\n          </Typography>\n          <Button variant=\"contained\" color=\"primary\" style={{ textDecoration: 'none', color: 'white' }}\n            className={classes.button} href=\"https://www.instar.de/ip-innenkameras-videoueberwachung-ueberwachungskameras-innenbereich-netzwerkkameras-sicherheitskameras-baby-fon-babymonitor/in-8003-full-hd-series.html\" target=\"_blank\" rel=\"noopener noreferrer\">\n            To Shop\n          </Button>\n          <Typography component=\"p\">\n              Indoor & Outdoor Surveillance in 1080p\n            </Typography>\n        </CardContent>\n        <CardContent className={classes.imagebox}>\n          <Img fluid={overviewImage} alt=\"INSTAR IN-8003 Full HD IP Camera\" />\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n\nOverviewCard.propTypes = {\n  classes: PropTypes.object.isRequired,\n}\n\nexport default withStyles(styles)(OverviewCard)","import React from \"react\"\nimport { Link } from 'gatsby'\nimport { graphql } from 'gatsby'\n\nimport { OutboundLink } from 'gatsby-plugin-google-analytics'\n\nimport OverviewCard from \"../../../components/Products/Indoor_Cameras/IN-8003/in8003-overview-card\"\nimport NightvisionCard from \"../../../components/Products/Usermanuals/CameraNightvision/nightvision-min-max-card\"\nimport IndoorPowerCard from \"../../../components/Products/Usermanuals/CameraPowerConsumption/power-indoor-card\"\nimport AOVCard from \"../../../components/Products/Usermanuals/CameraAngleOfView/aov-card\"\n\nimport SEOHelmet from '../../../components/Layout/SEOHelmet'\nimport Footer from \"../../../components/Layout/footer\"\nimport BreadCrumbs from '../../../components/Layout/breadcrumbs/breadcrumbs'\n\nconst seodata = {\n  title: 'INSTAR IN-8003 Full HD',\n  description: 'The IN-8003 HD is the first INSTAR camera with the new 1080p chipset. It offers all the advantages of the IN-6014 HD with a revised software and much more.',\n  image: '/images/Search/P_SearchThumb_IN-8003HD.png'\n}\n\nexport default ({ data }) => (\n  <React.Fragment>\n    <SEOHelmet title={seodata.title} description={seodata.description} image={seodata.image} location='/Indoor_Cameras/IN-8003_HD/' />\n    <h1 id=\"introduction\" style={{ marginTop: 0 }}>\n      Product Overview\n    </h1>\n\n    <BreadCrumbs\n      pills={\n        [\n          {\n            pill: \"Products\",\n            link: \"/fr/Products/\"\n          },\n          {\n            pill: \"Indoor Cameras\",\n            link: \"/fr/Indoor_Cameras/\"\n          },\n          {\n            pill: \"Usermanual\",\n            link: \"/fr/Indoor_Cameras/IN-8003_HD/Usermanual/\"\n          },\n          {\n            pill: \"Overview\",\n            link: \"/fr/Indoor_Cameras/IN-8003_HD/\"\n          },\n        ]\n      } />\n\n    <OverviewCard overviewImage={data.file.childImageSharp.fluid} />\n    <br />\n    <br />\n    <table>\n      <thead>\n        <tr>\n          <th>WiFi Variant</th>\n          <th>\n            <Link to=\"/Quick_Installation/Power_over_Ethernet/\">\n              PoE Variant\n            </Link>\n          </th>\n          <th>\n            <OutboundLink href=\"https://www.instar.de/tools/calc_lens\">Field of View</OutboundLink>\n          </th>\n          <th>Pan & Tilt</th>\n          <th>Zoom</th>\n        </tr>\n      </thead>\n      <tbody>\n        <tr>\n          <td>not available</td>\n          <td>\n            <OutboundLink href=\"https://www.instar.de/in-8003fullhd-poe-white.html?___store=de_english&___from_store=de_german\">\n              White\n            </OutboundLink>\n          </td>\n          <td>approx. 90°</td>\n          <td>not available</td>\n          <td>digital</td>\n        </tr>\n      </tbody>\n    </table>\n    <br />\n    <br />\n    <NightvisionCard />\n    <br />\n    <p>\n      The IN-8003 is the newest Full HD PIR Indoor and Outdoor IP Camera from INSTAR. With a built-in passive infrared (PIR) motion sensor and four separately configurable alarm areas that can be linked together, the camera prevents false alarms and notifies you only when a real alarm has been triggered. \n    </p>\n    <br />\n    <IndoorPowerCard />\n    <br />\n    <h3>Hardware</h3>\n    <ul>\n      <li>Integrated PIR heat detector for advanced motion detection</li>\n      <li>\n        Wide Dynamic Range (WDR) 1080p{\" \"}\n        <Link to=\"/Indoor_Cameras/IN-8003_HD/Technical_Specifications/\">\n          Panasonic CMOS Sensor\n        </Link>\n      </li>\n    </ul>\n    <h3>Network</h3>\n    <ul>\n      <li>\n        RJ-45 Ethernet port for an easy integration into your 100Mbit home\n        network\n      </li>\n      <li>\n        <Link to=\"/Web_User_Interface/1080p_Series/Network/IP_Configuration/\">\n          DHCP\n        </Link>{\" \"}\n        and{\" \"}\n        <Link to=\"/Web_User_Interface/1080p_Series/Network/UPnP/\">UPnP</Link>{\" \"}\n        support for an automatic network integration\n      </li>\n      <li>\n        Integrated personal, free{\" \"}\n        <Link to=\"/Internet_Access/The_DDNS_Service/\">\n          DDNS (&quot;Internet&quot;) Address\n        </Link>{\" \"}\n        and{\" \"}\n        <Link to=\"/Web_User_Interface/1080p_Series/Network/Remote_Access/\">\n          P2P User ID\n        </Link>{\" \"}\n        to access your camera through the Internet\n      </li>\n    </ul>\n    <h3>Software</h3>\n    <ul>\n      <li>\n        Free <Link to=\"/Software/Android/\">Android</Link>,{\" \"}\n        <Link to=\"/Software/iOS/\">iPhone</Link> and{\" \"}\n        <Link to=\"/Software/Windows/\">Windows Phone</Link> App\n      </li>\n      <li>\n        <Link to=\"/Web_User_Interface/1080p_Series/\">Web user interface</Link>{\" \"}\n        allows an easy configuration and camera control through your default web\n        browser (Chrome, Safari, Firefox, Internet Explorer)\n      </li>\n      <li>\n        <Link to=\"/Web_User_Interface/1080p_Series/System/User/\">\n          Multi user management\n        </Link>{\" \"}\n        and simultaneous login for 3 users\n      </li>\n      <li>\n        <Link to=\"/Web_User_Interface/1080p_Series/Alarm/Areas/\">\n          Software-based motion\n        </Link>{\" \"}\n        and{\" \"}\n        <Link to=\"/Web_User_Interface/1080p_Series/Alarm/Actions/\">audio</Link>{\" \"}\n        detection and{\" \"}\n        <Link to=\"/Motion_Detection/Alarm_Notification/\">\n          email notification\n        </Link>{\" \"}\n        with attached snapshots\n      </li>\n      <li>\n        Record videos directly to an{\" \"}\n        <Link to=\"/Motion_Detection/SD_Card_Access/\">Internal SD Card</Link>\n      </li>\n    </ul>\n    <br />\n    <br />\n    <p>\n      Equipped with one of the latest Panasonic Full HD CMOS image sensor, which features low noise, high speed and new Wide Dynamic Range (WDR) functionality, the IN-8003 is able to achieve the best image quality in daylight as well as clear image in night vision mode with the help of its high-power LEDs. Hence, the IN-8003 is able to deliver accurate motion detection and alarm notification.\n    </p>\n    <br />\n    <AOVCard />\n    <br />\n    <br />\n    <p>\n      The design of this camera was completely new developed in order to fullfill the wishes of our customers. If you need to pull the cable through the wall, a small hole in the size of the cable diameter would be sufficient, as you can simply take off the cable from inside the casing, pull it through the wall and connect the cable back to the board inside.\n    </p>\n    <p>\n      This camera is running an embedded Linux operating system and a Webserver which supports TLS/SSL encryption for security and privacy. It provides a built-in, modern HTML5 based Web User Interface (WebUI) with focus on usability and simplicity, supporting all recent devices (desktop, tablet, smartphone) and operating systems (Windows, MacOS, Linux,…).  Thanks to the built-in Camera Setup Wizard and the (built-in) help function, INSTAR users can enjoy a very easy initial set-up of the IP camera.\n    </p>\n    <br />\n    <br />\n    <Footer\n      previousTitle=\"Usermanual\"\n      previousLink=\"/fr/Indoor_Cameras/IN-8003_HD/Usermanual/\"\n      nextTitle=\"Technical Specifications\"\n      nextLink=\"/fr/Indoor_Cameras/IN-8003_HD/Technical_Specifications/\" />\n  </React.Fragment>\n);\n\nexport const query = graphql`\n  query {\n    file(relativePath: { eq: \"Indoor_Cameras/IN-8003_HD/IN-8003_Overview_width1650.png\" }) {\n      childImageSharp {\n        fluid(maxWidth: 695) {\n         ...GatsbyImageSharpFluid_withWebp_tracedSVG\n        }\n      }\n    }\n  }\n`;","import React from 'react'\nimport '../../../../../node_modules/react-vis/dist/style.css'\nimport {\n  FlexibleWidthXYPlot,\n  VerticalGridLines,\n  HorizontalGridLines,\n  AreaSeries,\n  DiscreteColorLegend,\n  Crosshair,\n  XAxis\n} from 'react-vis'\n\nconst DATA = [\n  [\n    { x: 'Booting min [W]', y: 2.20 },\n    { x: 'Booting max [W]', y: 6.80 },\n    { x: 'Booting with IR active [W]', y: 7.20 },\n    { x: 'Idle [W]', y: 3.30 },\n    { x: 'Idle with IR active [W]', y: 3.80 },\n    { x: 'Idle with IR & WiFi active [W]', y: 4.50 },\n    { x: 'Pan or Tilt [W]', y: 5.10 },\n    { x: 'Pan or Tilt with IR active [W]', y: 5.94 },\n    { x: 'Video Recording active [W]', y: 4.50 },\n    { x: 'Video Recording with IR active [W]', y: 4.00 }\n  ],\n  [\n    { x: 'Booting min [W]', y: 1.94 },\n    { x: 'Booting max [W]', y: 6.42 },\n    { x: 'Booting with IR active [W]', y: 7.49 },\n    { x: 'Idle [W]', y: 2.94 },\n    { x: 'Idle with IR active [W]', y: 4.29 },\n    { x: 'Idle with IR & WiFi active [W]', y: 5.09 },\n    { x: 'Pan or Tilt [W]', y: 4.74 },\n    { x: 'Pan or Tilt with IR active [W]', y: 5.67 },\n    { x: 'Video Recording active [W]', y: 2.97 },\n    { x: 'Video Recording with IR active [W]', y: 4.54 },\n  ],\n  [\n    { x: 'Booting min [W]', y: 2.00 },\n    { x: 'Booting max [W]', y: 6.60 },\n    { x: 'Booting with IR active [W]', y: 7.50 },\n    { x: 'Idle [W]', y: 3.90 },\n    { x: 'Idle with IR active [W]', y: 4.60 },\n    { x: 'Idle with IR & WiFi active [W]', y: 0 },\n    { x: 'Pan or Tilt [W]', y: 0 },\n    { x: 'Pan or Tilt with IR active [W]', y: 0 },\n    { x: 'Video Recording active [W]', y: 4.00 },\n    { x: 'Video Recording with IR active [W]', y: 4.70 }\n  ],\n  [\n    { x: 'Booting min [W]', y: 2.04 },\n    { x: 'Booting max [W]', y: 6.80 },\n    { x: 'Booting with IR active [W]', y: 7.30 },\n    { x: 'Idle [W]', y: 3.52 },\n    { x: 'Idle with IR active [W]', y: 4.63 },\n    { x: 'Idle with IR & WiFi active [W]', y: 5.32 },\n    { x: 'Pan or Tilt [W]', y: 4.32 },\n    { x: 'Pan or Tilt with IR active [W]', y: 5.47 },\n    { x: 'Video Recording active [W]', y: 3.65 },\n    { x: 'Video Recording with IR active [W]', y: 4.70 }\n  ]\n];\n\n\nexport default class Example extends React.Component {\n  constructor(props) {\n    super(props);\n    this.state = {\n      crosshairValues: []\n    };\n  }\n\n  render() {\n    return (\n      <React.Fragment>\n\n        <div className=\"chart\">\n          <FlexibleWidthXYPlot\n            onMouseLeave={() => this.setState({ crosshairValues: [] })}\n            height={450}\n            margin={{\n              bottom: 170\n            }}\n            xType=\"ordinal\"\n            stackBy=\"y\">\n            \n            <XAxis\n              attr=\"x\"\n              attrAxis=\"y\"\n              orientation=\"bottom\"\n              tickLabelAngle={-58}\n            />\n\n            <VerticalGridLines />\n\n            <HorizontalGridLines />\n\n            <AreaSeries\n              onNearestX={(value, { index }) =>\n                this.setState({ crosshairValues: DATA.map(d => d[index]) })}\n              cluster=\"IndoorPower\"\n              color=\"#1274d3\"\n              curve=\"curveNatural\"\n              data={DATA[0]} />\n\n            <AreaSeries\n              cluster=\"IndoorPower\"\n              color=\"#efac59\"\n              curve=\"curveNatural\"\n              data={DATA[1]} />\n\n            <AreaSeries\n              cluster=\"IndoorPower\"\n              color=\"#dd706e\"\n              curve=\"curveNatural\"\n              data={DATA[2]} />\n\n            <Crosshair values={this.state.crosshairValues} />\n\n          </FlexibleWidthXYPlot>\n        </div>\n\n        <div className=\"legend\">\n          <DiscreteColorLegend\n            orientation=\"horizontal\"\n            items={[\n              {\n                title: '[0] IN-3011',\n                color: '#1274d3'\n              },\n              {\n                title: '[1] IN-6012 HD',\n                color: '#009688'\n              },\n              {\n                title: '[1] IN-8003 FHD',\n                color: '#efac59'\n              },\n              {\n                title: '[2] IN-8015 FHD',\n                color: '#dd706e'\n              }\n            ]}\n          />\n        </div>\n\n      </React.Fragment>\n    );\n  }\n}","import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport { withStyles } from '@material-ui/core/styles'\n// import withRoot from '../../../../utils/withRoot'\nimport Paper from '@material-ui/core/Paper'\nimport Typography from '@material-ui/core/Typography'\n\nimport PowerGraph from \"../CameraPowerConsumption/power-indoor-graph\"\n\nconst styles = {\n  container: {\n    paddingTop: 20,\n    paddingBottom: 10,\n    paddingLeft: 10,\n    paddingRight: 35\n  },\n};\n\nfunction PowerCard(props) {\n  const { classes } = props;\n  return (\n    <Paper className={classes.container}>\n      <Typography variant=\"h5\" >\n        Power Consumption[W]\n      </Typography>\n      <br />\n      <PowerGraph />\n    </Paper>\n  );\n}\n\nPowerCard.propTypes = {\n  classes: PropTypes.object.isRequired,\n}\n\n// export default withRoot(withStyles(styles)(PowerCard))\nexport default withStyles(styles)(PowerCard)\n"],"sourceRoot":""}