{"version":3,"sources":["components/AppHeader.js","components/ProgressBar.js","UI/Card.js","components/NotHalloween.js","components/Halloween.js","components/DaysTo.js","App.js","index.js"],"names":["AppHeader","className","ProgressBar","daysDiff","totalDays","percent","Math","floor","style","width","Card","props","children","NotHalloween","Halloween","DaysTo","App","curDate","Date","thisYear","getFullYear","halloween","differenceInCalendarDays","setFullYear","ReactDOM","render","document","getElementById"],"mappings":"0LAQeA,EARG,WACjB,OACC,wBAAQC,UAAU,cAAlB,SACC,sDCYYC,EAfK,SAAC,GAA2B,IAA1BC,EAAyB,EAAzBA,SAAUC,EAAe,EAAfA,UACzBC,EAAUC,KAAKC,OAAQH,EAAYD,GAAYC,EAAa,KAElE,OACC,qBAAKH,UAAU,eAAf,SACC,qBACCA,UAAU,qBACVO,MAAO,CACNC,MAAM,GAAD,OAAKJ,EAAL,WCAKK,EARF,SAACC,GACb,OACC,yBAASV,UAAS,eAAUU,EAAMV,WAAlC,SACEU,EAAMC,YCcKC,EAdM,SAAC,GAA2B,IAA1BV,EAAyB,EAAzBA,SAAUC,EAAe,EAAfA,UAChC,OACC,sBAAKH,UAAU,YAAf,UACC,cAAC,EAAD,UACC,8BAAME,MAGP,cAAC,EAAD,UACC,cAAC,EAAD,CAAaA,SAAUA,EAAUC,UAAWA,UCWjCU,EApBG,WACjB,OACC,gCACC,eAAC,EAAD,CAAMb,UAAW,+CAAjB,UACC,+CACA,wDACA,kDAED,qBAAKA,UAAU,YAAf,SACC,m2BAIa,aCEFc,EAbA,SAAC,GAA2B,IAA1BZ,EAAyB,EAAzBA,SAAUC,EAAe,EAAfA,UAC1B,OAAiB,IAAbD,EACI,cAAC,EAAD,IAGN,gCACC,cAAC,EAAD,IACA,cAAC,EAAD,CAAcA,SAAUA,EAAUC,UAAWA,QCoBlCY,MAxBf,WACC,IAAMC,EAAU,IAAIC,KAChBC,EAAWF,EAAQG,cACnBC,EAAY,IAAIH,KAAKC,EAAU,EAAG,IAClChB,EAAWmB,YAAyBD,EAAWJ,GAE/Cd,EAAW,IACdgB,GAAsB,EACtBE,EAAYA,EAAUE,YAAYJ,GAClChB,EAAWmB,YAAyBD,EAAWJ,IAGhD,IAAMb,EAAYkB,YACjB,IAAIJ,KAAKC,EAAW,EAAG,EAAG,IAC1BE,GAGD,OACC,qBAAKpB,UAAS,cAASE,EAAQ,WAAgB,iBAA/C,SACC,cAAC,EAAD,CAAQA,SAAUA,EAAUC,UAAWA,OCrB1CoB,IAASC,OAAO,cAAC,EAAD,IAASC,SAASC,eAAe,U","file":"static/js/main.ab9a5966.chunk.js","sourcesContent":["const AppHeader = () => {\n\treturn (\n\t\t<header className=\"App__header\">\n\t\t\t<h1>Days to Halloween</h1>\n\t\t</header>\n\t);\n};\n\nexport default AppHeader;\n","const ProgressBar = ({daysDiff, totalDays}) => {\n\tconst percent = Math.floor(((totalDays - daysDiff) / totalDays) * 100);\n\n\treturn (\n\t\t<div className=\"progress-bar\">\n\t\t\t<div\n\t\t\t\tclassName=\"progress-bar__fill\"\n\t\t\t\tstyle={{\n\t\t\t\t\twidth: `${percent}%`,\n\t\t\t\t}}\n\t\t\t></div>\n\t\t</div>\n\t);\n};\n\nexport default ProgressBar;\n","const Card = (props) => {\n\treturn (\n\t\t<section className={`Card ${props.className}`}>\n\t\t\t{props.children}\n\t\t</section>\n\t);\n};\n\nexport default Card;\n","import ProgressBar from \"./ProgressBar\";\nimport Card from \"../UI/Card\";\n\nconst NotHalloween = ({daysDiff, totalDays}) => {\n\treturn (\n\t\t<div className=\"countdown\">\n\t\t\t<Card>\n\t\t\t\t<div>{daysDiff}</div>\n\t\t\t</Card>\n\n\t\t\t<Card>\n\t\t\t\t<ProgressBar daysDiff={daysDiff} totalDays={totalDays} />\n\t\t\t</Card>\n\t\t</div>\n\t);\n};\n\nexport default NotHalloween;\n","import Card from \"../UI/Card\";\n\nconst Halloween = () => {\n\treturn (\n\t\t<div>\n\t\t\t<Card className={\"Card__AltColor App_halloween rotate-scale-up\"}>\n\t\t\t\t<div>🎃</div>\n\t\t\t\t<div>IT'S HALLOWEEN FOOLS!</div>\n\t\t\t\t<div>🎃</div>\n\t\t\t</Card>\n\t\t\t<div className=\"vibrate-1\">\n\t\t\t\t<span>\n\t\t\t\t\t👻 👻 👻 👻 👻 👻 👻 👻 👻 👻 👻 👻 👻 👻 👻 👻 👻 👻 👻 👻\n\t\t\t\t\t👻 👻 👻 👻 👻 👻 👻 👻 👻 👻 👻 👻 👻 👻 👻 👻 👻 👻 👻 👻\n\t\t\t\t\t👻 👻 👻 👻 👻 👻 👻 👻 👻 👻 👻 👻 👻 👻 👻 👻 👻 👻 👻 👻\n\t\t\t\t\t👻 👻 👻 👻{\" \"}\n\t\t\t\t</span>\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nexport default Halloween;\n","import AppHeader from \"./AppHeader\";\nimport NotHalloween from \"./NotHalloween\";\nimport Halloween from \"./Halloween\";\n\nconst DaysTo = ({daysDiff, totalDays}) => {\n\tif (daysDiff === 0) {\n\t\treturn <Halloween />;\n\t} else {\n\t\treturn (\n\t\t\t<div>\n\t\t\t\t<AppHeader />\n\t\t\t\t<NotHalloween daysDiff={daysDiff} totalDays={totalDays} />\n\t\t\t</div>\n\t\t);\n\t}\n};\n\nexport default DaysTo;\n","import {differenceInCalendarDays} from \"date-fns\";\n\nimport \"./normalize.css\";\nimport \"./App.css\";\n\nimport DaysTo from \"./components/DaysTo\";\n\nfunction App() {\n\tconst curDate = new Date();\n\tlet thisYear = curDate.getFullYear();\n\tlet halloween = new Date(thisYear, 9, 31);\n\tlet daysDiff = differenceInCalendarDays(halloween, curDate);\n\n\tif (daysDiff < 0) {\n\t\tthisYear = thisYear + 1;\n\t\thalloween = halloween.setFullYear(thisYear);\n\t\tdaysDiff = differenceInCalendarDays(halloween, curDate);\n\t}\n\n\tconst totalDays = differenceInCalendarDays(\n\t\tnew Date(thisYear + 1, 9, 31),\n\t\thalloween\n\t);\n\n\treturn (\n\t\t<div className={`App ${daysDiff ? `App__not` : \"App_halloween\"}`}>\n\t\t\t<DaysTo daysDiff={daysDiff} totalDays={totalDays} />\n\t\t</div>\n\t);\n}\n\nexport default App;\n","import React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport \"./normalize.css\";\nimport App from \"./App\";\n\nReactDOM.render(<App />, document.getElementById(\"root\"));\n"],"sourceRoot":""}