{"version":3,"sources":["components/BackButton.jsx","components/HeaderExtra.jsx","components/HeaderLogo.jsx","components/Header.jsx","components/FooterContact.jsx","components/FooterSupport.jsx","components/SocialMedia.jsx","components/Footer.jsx","components/Icon.jsx","pages/Home.jsx","pages/Privacy.jsx","pages/NotFound.jsx","components/SkipContent.jsx","components/Router.jsx","index.jsx"],"names":["BackButton","react_default","a","createElement","className","href","aria-labelledby","data-icon","id","React","Component","contextTypes","router","HeaderExtra","aria-label","HeaderLogo","title","Header","this","props","header","components_BackButton","components_HeaderLogo","components_HeaderExtra","FooterContact","data-fraction","FooterSupport","SocialMedia","Fragment","Footer","footer","components_FooterContact","components_FooterSupport","components_SocialMedia","Icon","icon","Home","state","heart","beat","_this2","document","addEventListener","e","easterEgg","String","fromCharCode","keyCode","match","setState","forceUpdate","components_Header","xmlns","xmlnsXlink","width","height","viewBox","fill","d","components_Icon","components_Footer","Privacy","class","aria-level","NotFound","SkipContent","role","Router","components_SkipContent","BrowserRouter","Switch","Route","exact","path","component","render","components_Router","querySelector"],"mappings":"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","file":"static/js/main.982a49ca.chunk.js","sourcesContent":["import React from 'react'\r\n\r\nclass BackButton extends React.Component {\r\n    static contextTypes = {\r\n      router: () => true\r\n    }\r\n  \r\n    render() {\r\n      return (\r\n        <a className=\"c-button  c-button--transparent  c-button--icon\" href=\"/\" aria-labelledby=\"backLabel\">\r\n            <span className=\"c-icon\" data-icon=\"arrow--green\"></span>\r\n            <h2 id=\"backLabel\" className=\"u-spacing-pl\">Terug</h2>\r\n        </a>\r\n      )\r\n    }\r\n  }\r\n\r\n  export default BackButton;","import React from 'react';\r\n\r\nconst HeaderExtra = () => (\r\n    <nav className=\"c-header__extra u-hidden@s-down\" aria-label=\"Hoofdmenu\">\r\n        <ul className=\"c-header__list\">\r\n            <li className=\"c-header__item\">\r\n                <a className=\"c-header__link\" href=\"#producten\">Producten</a>\r\n            </li>\r\n            <li className=\"c-header__item\">\r\n                <a className=\"c-header__link\" href=\"#vacatures\">Vacatures</a>\r\n            </li>\r\n            <li className=\"c-header__item\">\r\n                <a className=\"c-button\" href=\"#contact\">Contact</a>\r\n            </li>\r\n        </ul>\r\n    </nav>\r\n);\r\n\r\nexport default HeaderExtra;","import React from 'react';\r\n\r\nconst HeaderLogo = () => (\r\n    <a href=\"https://www.wijzijnumbrella.nl\" title=\"Home\" className=\"c-header__logo\" aria-label=\"Home\">\r\n        <span className=\"u-hidden\">Home</span>\r\n    </a>\r\n);\r\n\r\nexport default HeaderLogo;","import React from 'react';\r\nimport BackButton from './BackButton';\r\nimport HeaderExtra from './HeaderExtra';\r\nimport HeaderLogo from './HeaderLogo';\r\n\r\nclass Header extends React.Component {\r\n    render() {\r\n        return (\r\n            <header className=\"o-page__header\">\r\n                <div className=\"c-header\">     \r\n                    {(this.props.header === \"BackHeader\") ?  \r\n                        <BackButton /> : \r\n                        <HeaderLogo />\r\n                    }\r\n                    {(this.props.header !== \"LogoOnly\" && this.props.header !== \"BackHeader\") ?  \r\n                        <HeaderExtra /> : ''\r\n                    }\r\n                </div>\r\n            </header>\r\n        )\r\n    };\r\n}\r\n\r\nexport default Header;","import React from 'react';\r\n\r\nconst FooterContact = () => (\r\n    <section aria-label=\"Contact\">\r\n        <h2 className=\"u-color-white\">Contact</h2>\r\n        <div className=\"o-grid\">\r\n            <div className=\"c-footer__body  o-grid__row\">\r\n                <div className=\"o-grid__item\" data-fraction=\"3\">\r\n                    Qvision<br />\r\n                    De Waal 34<br />\r\n                    5684 PH Best\r\n                </div>\r\n                <div className=\"o-grid__item\" data-fraction=\"6\">\r\n                    Telefoonnummer: 0499 - 499 444<br />\r\n                    E-mailadres: <a href=\"mailto:sales@qvision.nl\" className=\"u-color-white\">sales@qvision.nl</a>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </section>\r\n);\r\n\r\nexport default FooterContact;","import React from 'react';\r\n\r\nconst FooterSupport = () => (\r\n    <section aria-label=\"Support\">\r\n        <h2 className=\"u-color-white\">Support</h2>\r\n        <div className=\"c-footer__body\">\r\n            Support: 0499 - 499 441<br />\r\n            Of log in op het <a className=\"u-color-white\" href=\"https://serviceportaal.qvision.nl/\">Serviceportaal</a>\r\n        </div>\r\n    </section>\r\n);\r\n\r\nexport default FooterSupport;","import React from 'react';\r\n\r\nconst SocialMedia = () => (\r\n    <>\r\n        <a href=\"https://www.facebook.com/qvisionnl\" className=\"c-social-media__link\" title=\"facebook\">\r\n            <span className=\"c-social-media__icon  c-icon\" data-icon=\"facebook\"></span>\r\n        </a>     \r\n        <a href=\"http://twitter.com/qvisionnl\" className=\"c-social-media__link\" title=\"twitter\">\r\n            <span className=\"c-social-media__icon  c-icon\" data-icon=\"twitter\"></span>     \r\n        </a>     \r\n        {/* TODO: add an url  */}\r\n        {/* <a href=\"/\" class=\"c-social-media__link\" title=\"instagram\">\r\n            <span class=\"c-social-media__icon  c-icon\" data-icon=\"instagram\"></span>     \r\n        </a>      */}\r\n        <a href=\"http://www.linkedin.com/company/qvision_2\" className=\"c-social-media__link\" title=\"linkedin\">\r\n            <span className=\"c-social-media__icon  c-icon\" data-icon=\"linked-in\"></span>                \r\n        </a>\r\n    </>\r\n);\r\n\r\nexport default SocialMedia;","import React from 'react';\r\nimport FooterContact from './FooterContact';\r\nimport FooterSupport from './FooterSupport';\r\nimport SocialMedia from './SocialMedia';\r\n\r\nclass Footer extends React.Component {\r\n    render() {\r\n        return (\r\n            <footer className=\"c-footer  o-page__footer\" id=\"footer\">\r\n                <div className=\"c-footer__content\">\r\n                    <div className=\"o-grid\">\r\n                        {(this.props.footer !== \"small\") ? \r\n                            <>\r\n                                <div className=\"o-grid__row\">\r\n                                    <div className=\"o-grid__item\" data-fraction=\"6\">\r\n                                        <FooterContact />\r\n                                    </div>\r\n                                    <div className=\"o-grid__item\" data-fraction=\"6\">\r\n                                        <FooterSupport />\r\n                                    </div>\r\n                                </div>\r\n            \r\n                                <div className=\"o-grid__row\">\r\n                                    <div className=\"o-grid__item\" data-fraction=\"12\">\r\n                                        <SocialMedia />\r\n                                    </div>\r\n                                </div>\r\n                            </> : ''\r\n                        }\r\n\r\n                        <div className=\"o-grid__row\">\r\n                            <div className=\"o-grid__item  c-footer__body\" data-fraction=\"6\">\r\n                                <a href=\"https://wijzijnumbrella.nl/privacy-policy/\" className=\"u-color-white\">Privacyverklaring</a>&nbsp;\r\n                                {/* TODO: add an url  */}\r\n                                <a href=\"https://wijzijnumbrella.nl/responsible-disclosure-statement/\" className=\"u-spacing-ml-  u-color-white\">Responsible Disclosure Statement</a>\r\n                            </div>\r\n                            <div className=\"o-grid__item\" data-fraction=\"6\">\r\n                                <div className=\"c-footer__logo\"></div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </footer>\r\n        );\r\n    };\r\n}\r\n\r\nexport default Footer;","import React from 'react';\r\n\r\nconst Icon = (props) => (\r\n    <span className=\"c-icon\" data-icon={props.icon}></span>\r\n);\r\n\r\nexport default Icon;","import React from 'react';\r\nimport Header from '../components/Header';\r\nimport Footer from '../components/Footer';\r\nimport Icon from '../components/Icon';\r\n\r\nclass Home extends React.Component {\r\n    state = {\r\n        heart: \"\",\r\n        beat: false\r\n    }\r\n\r\n    componentDidMount(){\r\n        document.title = \"Home - Qvision\";\r\n        document.addEventListener(\"keydown\", (e) => {\r\n            var easterEgg = this.state.heart;\r\n\r\n            easterEgg += String.fromCharCode(e.keyCode);\r\n            if(easterEgg.match(/heart/gi)) {\r\n                this.setState({beat: !this.state.beat});\r\n                easterEgg = \"\";\r\n                this.forceUpdate();\r\n            }\r\n            this.setState({heart: easterEgg});\r\n        }, false);\r\n    }\r\n\r\n//   c-animation--beat\r\n\r\n    render() {\r\n        return (\r\n            <>\r\n                <Header />\r\n            \r\n                <main className=\"o-page__main\" id=\"main\">\r\n                    <div className=\"c-teaser\" aria-label=\"Teaser\">\r\n                        <h1 className=\"c-teaser__head\">Qvision hartje Umbrella</h1>\r\n                        <p className=\"c-teaser__paragraph  u-fs-base  u-flex\">Sinds 11 april 2018 zijn wij samengegaan met Umbrella.</p>\r\n                        <div className=\"c-teaser__button\">\r\n                            <a href=\"https://wijzijnumbrella.nl/blog/organisatienieuws/qvision-en-umbrella-bundelen-krachten/\" className=\"c-button c-button--secondary\">Lees verder</a>\r\n                        </div>\r\n\r\n                        <div className={\"c-teaser__image\" + (this.state.beat ? \"  c-animation--beat\" : \"\")}>\r\n                            <svg xmlns=\"http://www.w3.org/2000/svg\" xmlnsXlink=\"http://www.w3.org/1999/xlink\" width=\"100%\" height=\"100%\" viewBox=\"0 0 312 290\">\r\n                                <path fill=\"#0D9EB0\" d=\"M311.484 86.475C306.93 36.363 271.45.006 227.047.006c-29.582 0-56.668 15.914-71.909 41.42C140.035 15.59 114.06 0 84.952 0 40.555 0 5.069 36.357.521 86.47c-.36 2.213-1.837 13.862 2.652 32.86 6.468 27.4 21.41 52.325 43.197 72.06L155.066 290l110.563-98.604c21.788-19.741 36.729-44.66 43.197-72.067 4.488-18.991 3.012-30.64 2.658-32.854zm-14.34 30.107c-5.905 25.026-19.592 47.826-39.543 65.894l-102.463 91.388L54.434 182.5c-19.987-18.104-33.668-40.898-39.578-65.924-4.249-17.978-2.503-28.133-2.497-28.2l.09-.605c3.9-43.904 34.389-75.774 72.503-75.774 28.124 0 52.881 17.276 64.63 45.08l5.526 13.094 5.527-13.095c11.562-27.377 37.628-45.073 66.418-45.073 38.108 0 68.602 31.87 72.58 76.344.013.096 1.759 10.257-2.49 28.235z\"/>\r\n                            </svg>\r\n                        </div>\r\n                    </div>\r\n\r\n                    <section className=\"u-bg-white\" id=\"producten\" aria-label=\"Producten\">\r\n                        <div className=\"u-spacing-pv++  u-spacing-ph\">\r\n                            <h2 className=\"u-text-center\">Het Umbrella Platform bestaat uit:</h2>\r\n                            <div className=\"o-grid  u-hidden@s-down\">\r\n                                <div className=\"o-grid__row  u-text-center\"> \r\n                                    <div className=\"o-grid__item\" data-fraction=\"4\">\r\n                                        <Icon icon=\"klantportaal\" />\r\n                                    </div>\r\n                                    <div className=\"o-grid__item\" data-fraction=\"4\">\r\n                                        <Icon icon=\"kcc\" />\r\n                                    </div>\r\n                                    <div className=\"o-grid__item\" data-fraction=\"4\">\r\n                                        <Icon icon=\"wrv\" />\r\n                                    </div>  \r\n                                </div>\r\n                                <div className=\"o-grid__row  u-text-center  u-spacing-mt\"> \r\n                                    <div className=\"o-grid__item\" data-fraction=\"4\">\r\n                                        <h3>Klantportaal</h3>\r\n                                    </div>\r\n                                    <div className=\"o-grid__item\" data-fraction=\"4\">\r\n                                        <h3>Klant Contact Center</h3>\r\n                                    </div>\r\n                                    <div className=\"o-grid__item\" data-fraction=\"4\">\r\n                                        <h3>Woonruimteverdeling</h3>\r\n                                    </div>  \r\n                                </div>\r\n                                <div className=\"o-grid__row  u-font-roboto  u-text-center  u-spacing-mt-\"> \r\n                                    <div className=\"o-grid__item\" data-fraction=\"4\">\r\n                                        <p>Laat klanten online zelfstandig zaken regelen en afhandelen.</p>\r\n                                    </div>\r\n                                    <div className=\"o-grid__item\" data-fraction=\"4\">\r\n                                        <p>Alle klantcontactmomenten op één tijdlijn.</p>\r\n                                    </div>\r\n                                    <div className=\"o-grid__item\" data-fraction=\"4\">\r\n                                        <p>De meest complete oplossingen voor woonruimteverdeling.</p> \r\n                                    </div>  \r\n                                </div>\r\n                                <div className=\"o-grid__row  u-text-center  u-spacing-mt\"> \r\n                                    <div className=\"o-grid__item\" data-fraction=\"4\">\r\n                                        <a href=\"https://wijzijnumbrella.nl/klantportaal/\" className=\"c-button c-button--secondary\">Lees verder</a>\r\n                                    </div>\r\n                                    <div className=\"o-grid__item\" data-fraction=\"4\">\r\n                                        <a href=\"https://wijzijnumbrella.nl/klant-contact-center/\" className=\"c-button c-button--secondary\">Lees verder</a>\r\n                                    </div>\r\n                                    <div className=\"o-grid__item\" data-fraction=\"4\">\r\n                                        <a href=\"https://wijzijnumbrella.nl/woonruimteverdeling/\" className=\"c-button c-button--secondary\">Lees verder</a>\r\n                                    </div>  \r\n                                </div>\r\n                            </div>\r\n\r\n                            <div className=\"o-grid  u-hidden@m-up\">\r\n                                <div className=\"o-grid__row  u-text-center\"> \r\n                                    <div className=\"o-grid__item\" data-fraction=\"4\">\r\n                                        <Icon icon=\"klantportaal\" />\r\n                                        <h3>Klantportaal</h3>\r\n                                        <p>Laat klanten online zelfstandig zaken regelen en afhandelen.</p>\r\n                                        <a href=\"https://wijzijnumbrella.nl/klantportaal/\" className=\"c-button c-button--secondary\">Lees verder</a>\r\n                                    </div>\r\n                                    <div className=\"o-grid__item\" data-fraction=\"4\">\r\n                                        <Icon icon=\"kcc\" />\r\n                                        <h3>Klant Contact Center</h3>\r\n                                        <p>Alle klantcontactmomenten op één tijdlijn.</p>\r\n                                        <a href=\"https://wijzijnumbrella.nl/klant-contact-center/\" className=\"c-button c-button--secondary\">Lees verder</a>\r\n                                    </div>\r\n                                    <div className=\"o-grid__item\" data-fraction=\"4\">\r\n                                        <Icon icon=\"wrv\" />\r\n                                        <h3>Woonruimteverdeling</h3>\r\n                                        <p>De meest complete oplossingen voor woonruimteverdeling.</p> \r\n                                        <a href=\"https://wijzijnumbrella.nl/woonruimteverdeling/\" className=\"c-button c-button--secondary\">Lees verder</a>\r\n                                    </div>  \r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </section>\r\n            \r\n                    <section id=\"vacatures\" aria-label=\"Vacatures\">\r\n                        <div className=\"o-grid  u-constrain  u-spacing-pv++\">\r\n                            <div className=\"o-grid__row\">  \r\n                                <div className=\"o-grid__item\" data-fraction=\"3\">\r\n                                    <h2>Vacatures</h2>\r\n                                </div>\r\n                                <div className=\"o-grid__item\" data-fraction=\"9\">\r\n                                    <h2 className=\"u-color-secondary\">Kom jij bij ons werken?</h2>\r\n                                    <p className=\"u-font-roboto\">\r\n                                        Bij Qvision werken we hard aan uitdagende webprojecten waarbij innovatie voorop staat. Daarnaast maken we ook tijd voor kennisontwikkeling en gezelligheid in de vorm van kennissessies, kwartaalborrels, bedrijfsuitjes, pokeravonden en nog veel meer.\r\n                                        <br/>\r\n                                        <br/>\r\n                                        Wij zijn altijd op zoek naar talent. Heb jij affiniteit met techniek, werk je graag in een informele sfeer en ben je op zoek naar een uitdagende baan of een leerzame stage? Dan zijn wij misschien op zoek naar jou.\r\n                                    </p>       \r\n                                    <a href=\"https://werkenbij.wijzijnumbrella.nl/\" className=\"c-button c-button--white\">Bekijk vacatures</a>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </section>\r\n            \r\n                    <section className=\"u-bg-white\" id=\"contact\" aria-label=\"Meer info\">\r\n                        <div className=\"u-constrain  u-spacing-pv++  u-text-center\">\r\n                            <h2 className=\"u-spacing-pb\">Wij vertellen je graag meer over onze oplossingen...</h2>\r\n                            <a href=\"https://wijzijnumbrella.nl/contact/\" className=\"c-button\">Meer weten</a>\r\n                        </div>\r\n                    </section>\r\n            \r\n                </main>\r\n            \r\n                <Footer />\r\n            </>\r\n        );\r\n    }\r\n}\r\n\r\nexport default Home;","import React from 'react';\r\nimport Header from '../components/Header';\r\nimport Footer from '../components/Footer';\r\n\r\nclass Privacy extends React.Component {\r\n    componentDidMount(){\r\n        document.title = \"Privacy - Qvision\"\r\n    }\r\n\r\n    render() {\r\n        return (\r\n            <>\r\n                <Header header=\"BackHeader\" />\r\n        \r\n                <main className=\"o-page__main\" id=\"main\">\r\n                    <h1 className=\"u-spacing-pt u-constrain\">Privacyverklaring</h1>\r\n        \r\n                    <div class=\"u-constrain  u-spacing-pv++ u-bg-white u-spacing-mb+\">\r\n                        <h3 aria-level=\"2\">\r\n                            Dienstverlening naar een nieuw digitaal niveau\r\n                        </h3>\r\n        \r\n                        <p>\r\n                            Qvision is een ICT-bedrijf wat zich voornamelijk richt op het leveren van diensten en oplossingen voor woningcorporaties. Wij ontwikkelen een breed scala aan interactieve, web-based oplossingen zoals (mobiele) websites, portalen, BackOffice oplossingen en woonruimte verdeel systemen. Qvision is een ICT-bedrijf wat zich voornamelijk richt op het leveren van diensten en oplossingen voor woningcorporaties. Wij ontwikkelen een breed scala aan interactieve, web-based oplossingen zoals (mobiele) websites, portalen, BackOffice oplossingen en woonruimte verdeel systemen.\r\n                        </p>\r\n        \r\n                        <h3 aria-level=\"2\">\r\n                            Dienstverlening naar een nieuw digitaal niveau\r\n                        </h3>\r\n        \r\n                        <p>\r\n                            Qvision is een ICT-bedrijf wat zich voornamelijk richt op het leveren van diensten en oplossingen voor woningcorporaties. Wij ontwikkelen een breed scala aan interactieve, web-based oplossingen zoals (mobiele) websites, portalen, BackOffice oplossingen en woonruimte verdeel systemen. Qvision is een ICT-bedrijf wat zich voornamelijk richt op het leveren van diensten en oplossingen voor woningcorporaties. Wij ontwikkelen een breed scala aan interactieve, web-based oplossingen zoals (mobiele) websites, portalen, BackOffice oplossingen en woonruimte verdeel systemen.\r\n                        </p>\r\n        \r\n                        <h3 aria-level=\"2\">\r\n                            Dienstverlening naar een nieuw digitaal niveau\r\n                        </h3>\r\n        \r\n                        <p>\r\n                            Qvision is een ICT-bedrijf wat zich voornamelijk richt op het leveren van diensten en oplossingen voor woningcorporaties. Wij ontwikkelen een breed scala aan interactieve, web-based oplossingen zoals (mobiele) websites, portalen, BackOffice oplossingen en woonruimte verdeel systemen. Qvision is een ICT-bedrijf wat zich voornamelijk richt op het leveren van diensten en oplossingen voor woningcorporaties. Wij ontwikkelen een breed scala aan interactieve, web-based oplossingen zoals (mobiele) websites, portalen, BackOffice oplossingen en woonruimte verdeel systemen.            \r\n                        </p>\r\n        \r\n                    </div>\r\n                </main>\r\n        \r\n                <Footer footer=\"small\"/>\r\n            </>\r\n        );\r\n    }\r\n}\r\n\r\nexport default Privacy;","import React from 'react';\r\nimport Header from '../components/Header';\r\nimport Footer from '../components/Footer';\r\nimport Icon from '../components/Icon';\r\n\r\nclass NotFound extends React.Component {\r\n    static contextTypes = {\r\n        router: () => true\r\n    }\r\n\r\n    componentDidMount(){\r\n        document.title = \"Oops! 404 - Qvision\"\r\n    }\r\n\r\n    render() {\r\n        return (\r\n            <>\r\n                <Header header=\"LogoOnly\" />\r\n        \r\n                <main className=\"o-page__main\" id=\"main\">\r\n                    <div className=\"u-constrain  u-spacing-pv++\">\r\n                        <div className=\"o-grid__row\"> \r\n                            <div className=\"o-grid__item  o-arrange  o-arrange--center\" data-fraction=\"9\">\r\n                                <div>\r\n                                    <h1>Oops!</h1>\r\n                                    <p>We kunnen deze pagina niet meer vinden!</p>\r\n                                    <a href=\"/\" className=\"c-button c-button--white\">Terug naar de homepage</a>\r\n                                </div>\r\n                            </div>\r\n\r\n                            <div className=\"o-grid__item\" data-fraction=\"3\">\r\n                                <Icon icon=\"notFound\" />\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </main>\r\n\r\n                <Footer footer=\"small\"/>\r\n            </>\r\n        )\r\n    }\r\n}\r\n\r\nexport default NotFound;","import React from 'react';\r\n\r\nconst SkipContent = () => (\r\n    <nav className=\"c-skip-content\" aria-label=\"Overslaan\">\r\n        <ul role=\"menu\">\r\n            <li role=\"menuitem\">\r\n                <a className=\"c-button  c-skip-content__link\" href=\"#main\">Ga naar inhoud</a>\r\n            </li>\r\n            <li role=\"menuitem\">\r\n                <a className=\"c-button  c-skip-content__link\" href=\"#footer\">Ga naar pagina einde</a>\r\n            </li>\r\n        </ul>\r\n    </nav>\r\n);\r\n\r\nexport default SkipContent;","import { BrowserRouter, Route, Switch } from 'react-router-dom';\r\nimport Home from '../pages/Home';\r\nimport Privacy from '../pages/Privacy';\r\nimport React from 'react';\r\nimport NotFound from '../pages/NotFound';\r\nimport SkipContent from './SkipContent';\r\n\r\nconst Router = () => (\r\n    <>\r\n        <SkipContent></SkipContent>\r\n        <BrowserRouter>\r\n            <Switch>\r\n                <Route exact path={\"/\"} component={Home} />\r\n                <Route path={\"/privacy\"} component={Privacy} />\r\n                <Route component={NotFound}/>\r\n            </Switch>\r\n        </BrowserRouter>\r\n    </>\r\n);\r\n\r\nexport default Router;","import React from 'react';\nimport { render } from 'react-dom';\nimport Router from './components/Router';\nimport './assets/css/main.min.css';\n\nrender(<Router />, document.querySelector('#root'))"],"sourceRoot":""}