{"version":3,"sources":["assets/teslaLogoSmall.svg","components/Header.js","components/Button.js","components/Item.js","assets/Desktop-Accessories.jpg","assets/Desktop-ModelS.jpeg","assets/Desktop-Model3.jpeg","assets/Desktop-ModelX.jpeg","assets/Desktop-ModelY.jpeg","assets/Desktop-SolarPanels.jpeg","assets/Desktop-SolarRoof.jpeg","App.js","index.js"],"names":["Header","className","src","TeslaLogo","alt","Button","imp","text","link","href","Item","title","desc","backgroundImg","leftBtnTxt","leftBtnLink","rightBtnTxt","rightBtnLink","twoButtons","first","style","backgroundImage","App","descLink","SolarPanels","ModelS","Model3","ModelX","ModelY","SolarRoof","Accessories","ReactDOM","render","StrictMode","document","getElementById"],"mappings":"qPAAe,G,YAAA,IAA0B,4CC2B1BA,EAvBA,WACd,OACC,sBAAKC,UAAU,SAAf,UACC,qBAAKA,UAAU,eAAf,SACC,qBAAKC,IAAKC,EAAWC,IAAI,iBAG1B,sBAAKH,UAAU,iBAAf,UACC,wCACA,wCACA,wCACA,wCACA,2CACA,+CAGD,sBAAKA,UAAU,gBAAf,UACC,qCACA,qDCXWI,G,MARA,SAAC,GAAyB,IAAvBC,EAAsB,EAAtBA,IAAKC,EAAiB,EAAjBA,KAAMC,EAAW,EAAXA,KAC5B,OACC,qBAAKP,UAAS,iBAAoB,cAARK,EAAsB,gBAAkB,GAApD,KAAd,SACC,mBAAGG,KAAMD,EAAT,SAAgBD,Q,gBCqCJG,G,MAtCF,SAAC,GAUP,IATNC,EASK,EATLA,MACAC,EAQK,EARLA,KACAC,EAOK,EAPLA,cACAC,EAMK,EANLA,WACAC,EAKK,EALLA,YACAC,EAIK,EAJLA,YACAC,EAGK,EAHLA,aACAC,EAEK,EAFLA,WACAC,EACK,EADLA,MAEA,OACC,qBAAKlB,UAAU,OAAOmB,MAAO,CAAEC,gBAAgB,OAAD,OAASR,EAAT,MAA9C,SACC,sBAAKZ,UAAU,kBAAf,UACC,sBAAKA,UAAU,aAAf,UACC,4BAAIU,IACJ,qBAAKV,UAAU,iBAAf,SACC,4BAAIW,SAGN,sBAAKX,UAAU,mBAAf,UACC,sBAAKA,UAAU,gBAAf,UACC,cAAC,EAAD,CAAQK,IAAI,UAAUC,KAAMO,EAAYN,KAAMO,IAC7CG,GACA,cAAC,EAAD,CAAQZ,IAAI,YAAYC,KAAMS,EAAaR,KAAMS,OAGlDE,GACA,qBAAKlB,UAAU,eAAf,SACC,cAAC,IAAD,gBClCQ,MAA0B,gDCA1B,MAA0B,4CCA1B,MAA0B,4CCA1B,MAA0B,4CCA1B,MAA0B,4CCA1B,MAA0B,iDCA1B,MAA0B,+CCmG1BqB,MAxFf,WACC,OACC,sBAAKrB,UAAU,MAAf,UACC,cAAC,EAAD,IACA,sBAAKA,UAAU,sBAAf,UACC,cAAC,EAAD,CACCU,MAAM,sCACNC,KAAK,uBACLW,SAAS,GACTV,cAAeW,EACfV,WAAW,YACXC,YAAY,GACZC,YAAY,aACZC,aAAa,GACbC,WAAW,OACXC,OAAK,IAEN,cAAC,EAAD,CACCR,MAAM,UACNC,KAAK,UACLW,SAAS,GACTV,cAAeY,EACfX,WAAW,eACXC,YAAY,GACZC,YAAY,aACZC,aAAa,GACbC,WAAW,SAEZ,cAAC,EAAD,CACCP,MAAM,UACNC,KAAK,uBACLW,SAAS,GACTV,cAAea,EACfZ,WAAW,eACXC,YAAY,GACZC,YAAY,aACZC,aAAa,GACbC,WAAW,SAEZ,cAAC,EAAD,CACCP,MAAM,UACNC,KAAK,uBACLW,SAAS,GACTV,cAAec,EACfb,WAAW,eACXC,YAAY,GACZC,YAAY,aACZC,aAAa,GACbC,WAAW,SAEZ,cAAC,EAAD,CACCP,MAAM,UACNC,KAAK,uBACLW,SAAS,GACTV,cAAee,EACfd,WAAW,eACXC,YAAY,GACZC,YAAY,aACZC,aAAa,GACbC,WAAW,SAEZ,cAAC,EAAD,CACCP,MAAM,sBACNC,KAAK,uBACLW,SAAS,GACTV,cAAegB,EACff,WAAW,eACXC,YAAY,GACZC,YAAY,aACZC,aAAa,GACbC,WAAW,SAEZ,cAAC,EAAD,CACCP,MAAM,cACNC,KAAK,uBACLW,SAAS,GACTV,cAAeiB,EACfhB,WAAW,eACXC,YAAY,GACZC,YAAY,aACZC,aAAa,GACbC,WAAW,gBCvFhBa,IAASC,OACR,cAAC,IAAMC,WAAP,UACC,cAAC,EAAD,MAEDC,SAASC,eAAe,W","file":"static/js/main.715d6a83.chunk.js","sourcesContent":["export default __webpack_public_path__ + \"static/media/teslaLogoSmall.a7b59bc6.svg\";","import React from 'react';\nimport './Header.css';\nimport TeslaLogo from '../assets/teslaLogoSmall.svg';\n\nconst Header = () => {\n\treturn (\n\t\t<div className='header'>\n\t\t\t<div className='header__logo'>\n\t\t\t\t<img src={TeslaLogo} alt='Tesla Logo' />\n\t\t\t</div>\n\n\t\t\t<div className='header__center'>\n\t\t\t\t<p>Model S</p>\n\t\t\t\t<p>Model 3</p>\n\t\t\t\t<p>Model X</p>\n\t\t\t\t<p>Model Y</p>\n\t\t\t\t<p>Solar Roof</p>\n\t\t\t\t<p>Solar Panel</p>\n\t\t\t</div>\n\n\t\t\t<div className='header__right'>\n\t\t\t\t<p>Shop</p>\n\t\t\t\t<p>Tesla Account</p>\n\t\t\t</div>\n\t\t</div>\n\t);\n};\nexport default Header;\n","import React from 'react';\nimport './Button.css';\n\nconst Button = ({ imp, text, link }) => {\n\treturn (\n\t\t<div className={`button ${imp === 'secondary' ? 'button__white' : ''} `}>\n\t\t\t<a href={link}>{text}</a>\n\t\t</div>\n\t);\n};\n\nexport default Button;\n","import React from 'react';\nimport Button from './Button';\nimport ExpandMoreIcon from '@material-ui/icons/ExpandMore';\nimport './Item.css';\n\nconst Item = ({\n\ttitle,\n\tdesc,\n\tbackgroundImg,\n\tleftBtnTxt,\n\tleftBtnLink,\n\trightBtnTxt,\n\trightBtnLink,\n\ttwoButtons,\n\tfirst,\n}) => {\n\treturn (\n\t\t<div className='item' style={{ backgroundImage: `url(${backgroundImg})` }}>\n\t\t\t<div className='item__container'>\n\t\t\t\t<div className='item__text'>\n\t\t\t\t\t<p>{title}</p>\n\t\t\t\t\t<div className='item__textDesc'>\n\t\t\t\t\t\t<p>{desc}</p>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div className='item__lowerThird'>\n\t\t\t\t\t<div className='item__buttons'>\n\t\t\t\t\t\t<Button imp='primary' text={leftBtnTxt} link={leftBtnLink} />\n\t\t\t\t\t\t{twoButtons && (\n\t\t\t\t\t\t\t<Button imp='secondary' text={rightBtnTxt} link={rightBtnLink} />\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t\t{first && (\n\t\t\t\t\t\t<div className='item__expand'>\n\t\t\t\t\t\t\t<ExpandMoreIcon />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nexport default Item;\n","export default __webpack_public_path__ + \"static/media/Desktop-Accessories.027ada94.jpg\";","export default __webpack_public_path__ + \"static/media/Desktop-ModelS.e3d22a07.jpeg\";","export default __webpack_public_path__ + \"static/media/Desktop-Model3.30651f79.jpeg\";","export default __webpack_public_path__ + \"static/media/Desktop-ModelX.83417303.jpeg\";","export default __webpack_public_path__ + \"static/media/Desktop-ModelY.30acb76a.jpeg\";","export default __webpack_public_path__ + \"static/media/Desktop-SolarPanels.d7d441d7.jpeg\";","export default __webpack_public_path__ + \"static/media/Desktop-SolarRoof.9eb2e602.jpeg\";","import Header from './components/Header';\nimport Item from './components/Item';\n\nimport Accessories from './assets/Desktop-Accessories.jpg';\nimport ModelS from './assets/Desktop-ModelS.jpeg';\nimport Model3 from './assets/Desktop-Model3.jpeg';\nimport ModelX from './assets/Desktop-ModelX.jpeg';\nimport ModelY from './assets/Desktop-ModelY.jpeg';\nimport SolarPanels from './assets/Desktop-SolarPanels.jpeg';\nimport SolarRoof from './assets/Desktop-SolarRoof.jpeg';\n\nfunction App() {\n\treturn (\n\t\t<div className='App'>\n\t\t\t<Header />\n\t\t\t<div className='app__itemsContainer'>\n\t\t\t\t<Item\n\t\t\t\t\ttitle='Lowest Cost Solar Panels in America'\n\t\t\t\t\tdesc='Money-back guarantee'\n\t\t\t\t\tdescLink=''\n\t\t\t\t\tbackgroundImg={SolarPanels}\n\t\t\t\t\tleftBtnTxt='ORDER NOW'\n\t\t\t\t\tleftBtnLink=''\n\t\t\t\t\trightBtnTxt='LEARN MORE'\n\t\t\t\t\trightBtnLink=''\n\t\t\t\t\ttwoButtons='true'\n\t\t\t\t\tfirst\n\t\t\t\t/>\n\t\t\t\t<Item\n\t\t\t\t\ttitle='Model S'\n\t\t\t\t\tdesc='$69,420'\n\t\t\t\t\tdescLink=''\n\t\t\t\t\tbackgroundImg={ModelS}\n\t\t\t\t\tleftBtnTxt='CUSTOM ORDER'\n\t\t\t\t\tleftBtnLink=''\n\t\t\t\t\trightBtnTxt='LEARN MORE'\n\t\t\t\t\trightBtnLink=''\n\t\t\t\t\ttwoButtons='true'\n\t\t\t\t/>\n\t\t\t\t<Item\n\t\t\t\t\ttitle='Model 3'\n\t\t\t\t\tdesc='Money-back guarantee'\n\t\t\t\t\tdescLink=''\n\t\t\t\t\tbackgroundImg={Model3}\n\t\t\t\t\tleftBtnTxt='CUSTOM ORDER'\n\t\t\t\t\tleftBtnLink=''\n\t\t\t\t\trightBtnTxt='LEARN MORE'\n\t\t\t\t\trightBtnLink=''\n\t\t\t\t\ttwoButtons='true'\n\t\t\t\t/>\n\t\t\t\t<Item\n\t\t\t\t\ttitle='Model X'\n\t\t\t\t\tdesc='Money-back guarantee'\n\t\t\t\t\tdescLink=''\n\t\t\t\t\tbackgroundImg={ModelX}\n\t\t\t\t\tleftBtnTxt='CUSTOM ORDER'\n\t\t\t\t\tleftBtnLink=''\n\t\t\t\t\trightBtnTxt='LEARN MORE'\n\t\t\t\t\trightBtnLink=''\n\t\t\t\t\ttwoButtons='true'\n\t\t\t\t/>\n\t\t\t\t<Item\n\t\t\t\t\ttitle='Model Y'\n\t\t\t\t\tdesc='Money-back guarantee'\n\t\t\t\t\tdescLink=''\n\t\t\t\t\tbackgroundImg={ModelY}\n\t\t\t\t\tleftBtnTxt='CUSTOM ORDER'\n\t\t\t\t\tleftBtnLink=''\n\t\t\t\t\trightBtnTxt='LEARN MORE'\n\t\t\t\t\trightBtnLink=''\n\t\t\t\t\ttwoButtons='true'\n\t\t\t\t/>\n\t\t\t\t<Item\n\t\t\t\t\ttitle='Solar for New Roofs'\n\t\t\t\t\tdesc='Money-back guarantee'\n\t\t\t\t\tdescLink=''\n\t\t\t\t\tbackgroundImg={SolarRoof}\n\t\t\t\t\tleftBtnTxt='CUSTOM ORDER'\n\t\t\t\t\tleftBtnLink=''\n\t\t\t\t\trightBtnTxt='LEARN MORE'\n\t\t\t\t\trightBtnLink=''\n\t\t\t\t\ttwoButtons='true'\n\t\t\t\t/>\n\t\t\t\t<Item\n\t\t\t\t\ttitle='Accessories'\n\t\t\t\t\tdesc='Money-back guarantee'\n\t\t\t\t\tdescLink=''\n\t\t\t\t\tbackgroundImg={Accessories}\n\t\t\t\t\tleftBtnTxt='CUSTOM ORDER'\n\t\t\t\t\tleftBtnLink=''\n\t\t\t\t\trightBtnTxt='LEARN MORE'\n\t\t\t\t\trightBtnLink=''\n\t\t\t\t\ttwoButtons='true'\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\nexport default App;\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\n\nReactDOM.render(\n\t<React.StrictMode>\n\t\t<App />\n\t</React.StrictMode>,\n\tdocument.getElementById('root')\n);\n"],"sourceRoot":""}