{"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","reportWebVitals.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","Accessories","reportWebVitals","onPerfEntry","Function","then","getCLS","getFID","getFCP","getLCP","getTTFB","ReactDOM","render","StrictMode","document","getElementById"],"mappings":"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","file":"static/js/main.6d71f82f.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  return (\n    <div className='header'>\n    <div className='header__logo'>\n    <img src={TeslaLogo} alt='Tesla Logo'/>\n      </div>\n\n      <div className='header__center'>\n      <p>Model 5</p>\n      <p>Model 3</p>\n      <p>Model X</p>\n      <p>Model Y</p>\n      <p>Solar Roof</p>\n      <p>Solar Panel</p>\n      </div>\n\n      <div className='header__right'>\n        <p>Shop</p>\n          <p>Tesla Account</p>\n      </div>\n    </div>\n  )\n}\n\nexport default Header;\n","import React from 'react';\nimport './Button.css';\n\n\nconst Button = ({ imp, text, link }) => {\n  return (\n    <div className={`button ${imp == 'secondary' ? 'button__white' : ''}`}>\n    <a href={link}>\n    {text}\n    </a>\n    </div>\n  );\n}\n\nexport default Button\n","import React from 'react';\nimport Button from './Button';\nimport './Item.css'\n\nimport ExpandMoreIcon from '@material-ui/icons/ExpandMore';\n{/* Destructure all values we passed through on App.js */}\nconst Item = ({ title, desc, backgroundImg, leftBtnTxt, leftBtnLink, rightBtnTxt, rightBtnLink, twoButtons, first }) => {\n  return (\n    <div className='item' style={{\n      backgroundImage: `url(${backgroundImg})`\n    }}>\n    <div className='item__container'>\n    <div className='item__text'>\n    <p>{title}</p>\n    <div className='item__textDesc'>\n      <p>{desc}</p>\n          </div>\n        </div>\n        {/* Buttons & arrows */}\n          {/* Checking to see if 2 buttons are 'true' before running the code */}\n        <div className='item__lowerThird'>\n        <div className='item__buttons'>\n          <Button imp='primary' text={leftBtnTxt} link={leftBtnLink} />\n          {twoButtons && (\n            <Button imp='secondary' text={rightBtnTxt} link={rightBtnLink} />\n          )}\n          </div>\n          {first && (\n            <div className='item__expand'>\n            {/* Material UI Icons */}\n            <ExpandMoreIcon />\n            </div>\n          )}\n        </div>\n      </div>\n\n    </div>\n  );\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 './App.css';\nimport 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\n\nfunction App() {\n  return (\n    <div className=\"App\">\n    <Header/>\n    <div className='app__itemsContainer'>\n    <Item\n    title='Lowest Cost Solar Panels in America'\n    desc='Money-back guarantee'\n    descLink=''\n    backgroundImg={SolarPanels}\n    leftBtnTxt='ORDER NOW'\n    leftBtnLink=''\n    rightBtnTxt='LEARN MORE'\n    rightBtnLink=''\n    twoButtons='true'\n    first\n    />\n    <Item\n                    title='ModelS'\n                    desc='$69,420'\n                    descLink=''\n                    backgroundImg={ModelS}\n                    leftBtnTxt='CUSTOM ORDER'\n                    leftBtnLink=''\n                    rightBtnTxt='LEARN MORE'\n                    rightBtnLink=''\n                    twoButtons='true'\n                />\n                <Item\n                    title='Model3'\n                    desc='Money-back guarantee'\n                    descLink=''\n                    backgroundImg={Model3}\n                    leftBtnTxt='CUSTOM ORDER'\n                    leftBtnLink=''\n                    rightBtnTxt='LEARN MORE'\n                    rightBtnLink=''\n                    twoButtons='true'\n                />\n                <Item\n                    title='ModelX'\n                    desc='Money-back guarantee'\n                    descLink=''\n                    backgroundImg={ModelX}\n                    leftBtnTxt='CUSTOM ORDER'\n                    leftBtnLink=''\n                    rightBtnTxt='LEARN MORE'\n                    rightBtnLink=''\n                    twoButtons='true'\n                />\n                <Item\n                    title='ModelY'\n                    desc='Money-back guarantee'\n                    descLink=''\n                    backgroundImg={ModelY}\n                    leftBtnTxt='CUSTOM ORDER'\n                    leftBtnLink=''\n                    rightBtnTxt='LEARN MORE'\n                    rightBtnLink=''\n                    twoButtons='true'\n                />\n                <Item\n                    title='Accessories'\n                    desc='Money-back guarantee'\n                    descLink=''\n                    backgroundImg={Accessories}\n                    leftBtnTxt='SHOP NOW'\n                    leftBtnLink=''\n                    rightBtnTxt='LEARN MORE'\n                    rightBtnLink=''\n                    twoButtons='false'\n\n                />\n          </div>\n    </div>\n  );\n}\n\nexport default App;\n","const reportWebVitals = onPerfEntry => {\n  if (onPerfEntry && onPerfEntry instanceof Function) {\n    import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {\n      getCLS(onPerfEntry);\n      getFID(onPerfEntry);\n      getFCP(onPerfEntry);\n      getLCP(onPerfEntry);\n      getTTFB(onPerfEntry);\n    });\n  }\n};\n\nexport default reportWebVitals;\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\nimport reportWebVitals from './reportWebVitals';\n\nReactDOM.render(\n  <React.StrictMode>\n    <App />\n  </React.StrictMode>,\n  document.getElementById('root')\n);\n\n// If you want to start measuring performance in your app, pass a function\n// to log results (for example: reportWebVitals(console.log))\n// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals\nreportWebVitals();\n"],"sourceRoot":""}