{"version":3,"sources":["webpack:///./src/components/layout/MobilityConditions.jsx","webpack:///./src/components/layout/PowerPackExpansionConditions.jsx","webpack:///./src/components/layout/PowerPackConditions.jsx","webpack:///./src/components/layout/PowerPackTileLean.jsx","webpack:///./src/components/layout/PowerPacksCarousel.jsx","webpack:///./src/components/layout/PowerPackExpansionTile.jsx","webpack:///./src/components/layout/PowerPacksExpansionCarousel.jsx","webpack:///./src/pages/solutions/private/powerpack/index.js","webpack:///./src/components/layout/MobilityPricingTable.jsx"],"names":["Container","styled","div","Title","h2","Condition","p","MobilityConditions","appState","useContext","AppContext","i18n","conditions","title","mobility","noSigningCosts","noTerm","directDebit","digitalInvoice","PowerPackExpansionConditions","aboutPlans","powerpack_expansion","expansion_possible_text","PowerPackConditions","powerpacks","condition1","condition2","condition4","Tile","TileHeader","Subtitle","h4","LabelPower","span","props","pack","MainList","MainListItems","h5","MainListItemsTitle","TileContent","SecItemsCont","SecondaryListItems","SecondaryItemDesc","PricesContainer","Price","Button","PowerPackTileLean","subtitle","dailyProduction","power","accum","charger","includedKms","roi","implArea","price","className","accumulation","included_kms","freeKmsPerYear","Tooltip","text","roi_tooltip","roi_sub","kwProd","kwProd_sub","PowerPacksContainer","PowerPacksCarousel","monophasic","simpleCharger","triphasic","to","label","purchase","toUpperCase","PowerPackExpansionTile","panelsPower","availableInverters","availableBatteries","panels","upTo","PowerPacksExpansionCarousel","powerpack_Cards","key","snippets","expansion_snippets","MobilityPage","heroContainers","powerpacksPageTitle","powerpacksPageText","id","page","expansion_possible_title","cards","similarOffers","link","mobilityPlanTitle","mobilityPlanText","residentialPlanTitle","residentialPlanText","TableCell_","TableContainer","Table","TableCell","DefaultButton"],"mappings":"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","file":"component---src-pages-solutions-private-powerpack-index-js-fcd8c74d6dca53beb0de.js","sourcesContent":["import React, { useContext } from 'react'\nimport styled from 'styled-components'\nimport { AppContext } from '../../contexts/AppContext'\n\nconst Container = styled.div`\n    margin: 60px 10%;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n`\n\nconst Title = styled.h2`\n    text-transform: uppercase;\n` \n\nconst Condition = styled.p`\n    font-size: 12pt;\n    font-weight: 300;\n`\n\nexport default function MobilityConditions() {\n\n    const { appState } = useContext(AppContext);\n\n    return (\n        <Container>\n            <Title>{appState.i18n.conditions.title}</Title>\n            <Condition>{appState.i18n.conditions.mobility.noSigningCosts}</Condition>\n            <Condition>{appState.i18n.conditions.mobility.noTerm}</Condition>\n            <Condition>{appState.i18n.conditions.mobility.directDebit}</Condition>\n            <Condition>{appState.i18n.conditions.mobility.digitalInvoice}</Condition>\n        </Container>\n    )\n}\n","import React, { useContext } from 'react'\nimport styled from 'styled-components'\nimport { AppContext } from '../../contexts/AppContext'\n\nconst Container = styled.div`\n    margin: 60px 10%;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: left;\n`\n\nconst Title = styled.h2`\n    text-transform: uppercase;\n` \n\nconst Condition = styled.p`\n    font-size: 12pt;\n    font-weight: 300;\n`\n\nexport default function PowerPackExpansionConditions() {\n\n    const { appState } = useContext(AppContext);\n\n    return (\n        <Container>\n            <Condition>{appState.i18n.aboutPlans.powerpack_expansion.expansion_possible_text}</Condition>\n        </Container>\n    )\n}\n","import React, { useContext } from 'react'\nimport styled from 'styled-components'\nimport { AppContext } from '../../contexts/AppContext'\n\nconst Container = styled.div`\n    margin: 60px 10%;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: left;\n`\n\nconst Title = styled.h2`\n    text-transform: uppercase;\n` \n\nconst Condition = styled.p`\n    font-size: 12pt;\n    font-weight: 300;\n`\n\nexport default function PowerPackConditions() {\n\n    const { appState } = useContext(AppContext);\n\n    return (\n        <Container>\n            <Condition>{appState.i18n.powerpacks.condition1}</Condition>\n            <Condition>{appState.i18n.powerpacks.condition2}</Condition>\n            {/* <Condition>{appState.i18n.powerpacks.condition5}</Condition> */}\n            {/* <Condition>{appState.i18n.powerpacks.condition3}</Condition> */}\n            <Condition>{appState.i18n.powerpacks.condition4}</Condition>\n        </Container>\n    )\n}\n","import styled from 'styled-components'\nimport React, { useContext } from 'react';\nimport { AppContext } from '../../contexts/AppContext';\nimport { Button } from '@material-ui/core';\nimport { AnchorLink } from 'gatsby-plugin-anchor-links';\nimport InfoIcon from '@material-ui/icons/Info';\nimport Tooltip from '../common/Tooltip';\n\nconst Tile = styled.div`\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    margin: 50px 20px 0 20px;\n    width: 325px;\n    @media (max-width: 425px) {\n        margin: 50px auto 0 auto;\n    }\n`\n\nconst Container = styled.div`\n    min-width: 325px;\n    margin-bottom: 20px;\n    border-radius: 20px;\n    background-color: white;\n`\n\nconst TileHeader = styled.div`\n    border-radius: 20px;\n    padding: 30px;\n    min-height: 200px;\n`\n\nconst Subtitle = styled.h4`\n    font-weight: 400 !important;\n    margin: 0;\n    font-size: 18pt;\n`\n\nconst Title = styled.h2`\n    margin: 0;\n    font-size: 25pt;\n`\n\nconst LabelPower = styled.span`\n    color: ${props => props.pack === \"20\" ? \"#29ABE2\" : props.pack === \"40\" ? \"#00a589\" : props.pack === \"60\" ? \"#2E3192\" : \"#29ABE2\"} ;\n`\n\nconst MainList = styled.div`\n    margin-top: 20px;\n`\n\nconst MainListItems = styled.h5`\n    margin: 0;\n    font-weight: 400;\n    font-size: 12pt;\n    padding: 0px 5px 0 5px;\n`\n\nconst MainListItemsTitle = styled.h5`\n    margin: 0;\n    font-weight: 600;\n    font-size: 12pt;\n    padding: 10px 5px 0 5px;\n`\n\nconst TileContent = styled.div`\n    padding: 30px;\n    background-color: ${props => props.pack === \"20\" ? \"#29ABE2\" : props.pack === \"40\" ? \"#00a589\" : props.pack === \"60\" ? \"#2E3192\" : \"#29ABE2\"} ;\n    opacity: 0.8;\n    border-bottom-right-radius: 20px;\n    border-bottom-left-radius: 20px;\n`\n\nconst SecItemsCont = styled.div`\n    padding: 15px 0;\n    line-height: 17px;\n\n    &:first-child {\n        padding-top: 0;\n    }\n\n    &:last-child {\n        padding-bottom: 0;\n    }\n`\n\nconst SecondaryListItems = styled.div`\n    display: flex;\n    color: white;\n    font-size: 14pt;\n    font-weight: 400;\n`\n\nconst SecondaryItemDesc = styled.span`\n    font-size: 10pt;\n    color: white;\n`\n\nconst HeaderSecondaryItemDesc = styled.span`\n    font-size: 10pt;\n    color: black;\n    padding: 0 5px;\n`\n\nconst PricesContainer = styled.div`\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n`\n\nconst PriceLabel = styled.span`\n    font-size: 16pt;\n    font-weight: 500;\n`\n\nconst Price = styled.span`\n    font-size: 20pt;\n    font-weight: 700;\n    margin: 10px 0 40px 0;\n`\n\nconst BuyButton = styled(Button)`\n` \n\nexport default function PowerPackTileLean({ title, subtitle, pack, dailyProduction, power, accum, charger, includedKms, roi, implArea, price }) {\n\n    const { appState } = useContext(AppContext)\n\n   \n\n    return (\n        <Tile>\n            <Container className=\"shadow\">\n                <TileHeader>\n                    {/* <Subtitle>{appState.i18n.powerpacks.pack}</Subtitle> */}\n                    <Title>{title} <LabelPower pack={pack}>{pack}</LabelPower></Title>\n                    <Subtitle>{subtitle}</Subtitle>\n                    <MainList>\n                        <MainListItemsTitle>{appState.i18n.powerpacks.dailyProduction}</MainListItemsTitle>\n                        <MainListItems>{dailyProduction} kWh</MainListItems>\n\n                        <MainListItemsTitle>{appState.i18n.powerpacks.power}</MainListItemsTitle>\n                        <MainListItems>{power} kW</MainListItems>\n                        \n                        <MainListItemsTitle>{appState.i18n.powerpacks.accumulation}</MainListItemsTitle>\n                        <MainListItems>{accum} kWh</MainListItems>\n\n                        <MainListItemsTitle>{appState.i18n.powerpacks.charger}</MainListItemsTitle>\n                        <MainListItems>{charger}</MainListItems>\n\n                        <MainListItemsTitle>{appState.i18n.powerpacks.included_kms}</MainListItemsTitle>\n                        <MainListItems>{includedKms} {appState.i18n.powerpacks.freeKmsPerYear}</MainListItems>\n                    </MainList>\n                </TileHeader>\n                <TileContent pack={pack}>\n                    {/* <SecItemsCont>\n                        <SecondaryListItems>{freeKms} {appState.i18n.powerpacks.freeKmsPerYear}</SecondaryListItems>\n                    </SecItemsCont> */}\n                    <SecItemsCont>\n                        <SecondaryListItems>{roi} {appState.i18n.powerpacks.roi}<Tooltip text={appState.i18n.powerpacks.roi_tooltip} /></SecondaryListItems>\n                        <SecondaryItemDesc>{appState.i18n.powerpacks.roi_sub}</SecondaryItemDesc>\n                    </SecItemsCont>\n                    <SecItemsCont>\n                        <SecondaryListItems>{dailyProduction} {appState.i18n.powerpacks.kwProd}</SecondaryListItems>\n                        <SecondaryItemDesc>{appState.i18n.powerpacks.kwProd_sub}</SecondaryItemDesc>\n                    </SecItemsCont>\n                    {/* <SecItemsCont>\n                        <SecondaryListItems>{batt} {appState.i18n.powerpacks.kwBatt}</SecondaryListItems>\n                    </SecItemsCont> */}\n                    <SecItemsCont>\n                        <SecondaryListItems>{implArea} m2</SecondaryListItems>\n                        <SecondaryItemDesc>{appState.i18n.powerpacks.implArea}</SecondaryItemDesc>\n                        {/* <SecondaryItemDesc>{appState.i18n.powerpacks.implArea_sub}</SecondaryItemDesc> */}\n                    </SecItemsCont>\n                </TileContent>\n            </Container>\n            <PricesContainer>\n                {/* <PriceLabel>{appState.i18n.all.price}</PriceLabel> */}\n                <Price>{price}</Price>\n            </PricesContainer>\n        </Tile>\n    )\n}\n","import { Link } from 'gatsby';\nimport React from 'react'\nimport { useContext } from 'react';\nimport styled from 'styled-components'\nimport { AppContext } from '../../contexts/AppContext';\nimport DefaultButton from '../common/Button';\nimport PowerPackTileLean from './PowerPackTileLean';\n\nconst PowerPacksContainer = styled.div`\n    display: flex;\n    flex-direction: row;\n    justify-content: center;\n    flex-wrap: wrap;\n    margin-bottom: 50px;\n    \n    @media (max-width: 425px) {\n        flex-direction: column;\n        align-items: center;\n    }\n`\nconst Container = styled.div`\n    margin: 50px 10%;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n`\n\nexport default function PowerPacksCarousel() {\n\n    const { appState } = useContext(AppContext);\n\n    return (\n        <Container>\n            <PowerPacksContainer>\n           \n            \n                <PowerPackTileLean\n                     title={\"PowerPack\"}\n                     subtitle={appState.i18n.powerpacks.monophasic} \n                     pack={\"20\"} \n                     dailyProduction={\"8\"} \n                     power={\"3,7\"} \n                     accum={\"3\"} \n                     charger={appState.i18n.powerpacks.simpleCharger}\n                     includedKms={\"7300\"} \n                     roi={\"8,56%\"} \n                     implArea={\"10\"} \n                     price={\"€8.299\"}\n                    />\n                <PowerPackTileLean\n                     title={\"PowerPack\"}\n                     subtitle={appState.i18n.powerpacks.monophasic + \"/\" + appState.i18n.powerpacks.triphasic} \n                     pack={\"40\"} \n                     dailyProduction={\"12\"} \n                     power={\"6\"} \n                     accum={\"6\"} \n                     charger={appState.i18n.powerpacks.simpleCharger}\n                     includedKms={\"14600\"} \n                     roi={\"9,93%\"} \n                     implArea={\"14\"} \n                     price={\"€10.799\"}\n                    />\n                <PowerPackTileLean\n                     title={\"PowerPack\"}\n                     subtitle={appState.i18n.powerpacks.triphasic} \n                     pack={\"60\"} \n                     dailyProduction={\"20\"} \n                     power={\"8\"} \n                     accum={\"9\"} \n                     charger={appState.i18n.powerpacks.simpleCharger}\n                     includedKms={\"22000\"} \n                     roi={\"11,6%\"} \n                     implArea={\"24\"} \n                     price={\"€14.899\"}\n                    />\n                \n            </PowerPacksContainer>\n            <Link to=\"/powerpacks-carregamento-eletrico-casa\">\n                <DefaultButton label={appState.i18n.powerpacks.purchase.toUpperCase()} />\n            </Link>\n        </Container>\n    )\n}\n\n\n","import styled from 'styled-components'\nimport React, { useContext } from 'react';\nimport { AppContext } from '../../contexts/AppContext';\nimport { Button } from '@material-ui/core';\nimport { AnchorLink } from 'gatsby-plugin-anchor-links';\nimport InfoIcon from '@material-ui/icons/Info';\nimport Tooltip from '../common/Tooltip';\n\nconst Tile = styled.div`\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    margin: 50px 20px 0 20px;\n    width: 325px;\n    @media (max-width: 425px) {\n        margin: 50px auto 0 auto;\n    }\n`\n\nconst Container = styled.div`\n    min-width: 325px;\n    margin-bottom: 20px;\n    border-radius: 20px;\n    background-color: white;\n`\n\nconst TileHeader = styled.div`\n    border-radius: 20px;\n    padding: 30px;\n    min-height: 200px;\n`\n\nconst Subtitle = styled.h4`\n    font-weight: 400 !important;\n    margin: 0;\n    font-size: 18pt;\n`\n\nconst Title = styled.h2`\n    margin: 0;\n    font-size: 25pt;\n`\n\nconst LabelPower = styled.span`\n    color: ${props => props.pack === \"20\" ? \"#29ABE2\" : props.pack === \"40\" ? \"#00a589\" : props.pack === \"60\" ? \"#2E3192\" : \"#29ABE2\"} ;\n`\n\nconst MainList = styled.div`\n    margin-top: 20px;\n`\n\nconst MainListItems = styled.h5`\n    margin: 0;\n    font-weight: 400;\n    font-size: 12pt;\n    padding: 0px 5px 0 5px;\n`\n\nconst MainListItemsTitle = styled.h5`\n    margin: 0;\n    font-weight: 600;\n    font-size: 12pt;\n    padding: 10px 5px 0 5px;\n`\n\nconst TileContent = styled.div`\n    padding: 30px;\n    background-color: ${props => props.pack === \"20\" ? \"#29ABE2\" : props.pack === \"40\" ? \"#00a589\" : props.pack === \"60\" ? \"#2E3192\" : \"#29ABE2\"} ;\n    opacity: 0.8;\n    border-bottom-right-radius: 20px;\n    border-bottom-left-radius: 20px;\n`\n\nconst SecItemsCont = styled.div`\n    padding: 15px 0;\n    line-height: 17px;\n\n    &:first-child {\n        padding-top: 0;\n    }\n\n    &:last-child {\n        padding-bottom: 0;\n    }\n`\n\nconst SecondaryListItems = styled.div`\n    display: flex;\n    color: white;\n    font-size: 14pt;\n    font-weight: 400;\n`\n\nconst SecondaryItemDesc = styled.span`\n    font-size: 10pt;\n    color: white;\n`\n\nconst HeaderSecondaryItemDesc = styled.span`\n    font-size: 10pt;\n    color: black;\n    padding: 0 5px;\n`\n\nconst PricesContainer = styled.div`\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n`\n\nconst PriceLabel = styled.span`\n    font-size: 16pt;\n    font-weight: 500;\n`\n\nconst Price = styled.span`\n    font-size: 20pt;\n    font-weight: 700;\n    margin: 10px 0 40px 0;\n`\n\nconst BuyButton = styled(Button)`\n` \n\nexport default function PowerPackExpansionTile({ title, subtitle, pack, panelsPower, availableInverters, availableBatteries }) {\n\n    const { appState } = useContext(AppContext)\n\n   \n\n    return (\n        <Tile>\n            <Container className=\"shadow\">\n                <TileHeader>\n                    {/* <Subtitle>{appState.i18n.powerpacks.pack}</Subtitle> */}\n                    <Title>{title} <LabelPower pack={pack}>{pack}</LabelPower></Title>\n                    <Subtitle>{subtitle}</Subtitle>\n                    <MainList>\n                        <MainListItemsTitle>{appState.i18n.powerpacks.panels}</MainListItemsTitle>\n                        <MainListItems>{appState.i18n.powerpacks.upTo} {panelsPower} kWp</MainListItems>\n\n                        <MainListItemsTitle>{appState.i18n.powerpacks.availableInverters}</MainListItemsTitle>\n                        <MainListItems>{availableInverters}</MainListItems>\n                        \n                        <MainListItemsTitle>{appState.i18n.powerpacks.availableBatteries}</MainListItemsTitle>\n                        <MainListItems>{availableBatteries}</MainListItems>\n                    </MainList>\n                </TileHeader>\n            </Container>\n        </Tile>\n    )\n}\n","import { Link } from 'gatsby';\nimport React from 'react'\nimport { useContext } from 'react';\nimport styled from 'styled-components'\nimport { AppContext } from '../../contexts/AppContext';\nimport DefaultButton from '../common/Button';\nimport PowerPackExpansionTile from './PowerPackExpansionTile';\n\nconst PowerPacksContainer = styled.div`\n    display: flex;\n    flex-direction: row;\n    justify-content: center;\n    flex-wrap: wrap;\n    margin-bottom: 50px;\n    \n    @media (max-width: 425px) {\n        flex-direction: column;\n        align-items: center;\n    }\n`\nconst Container = styled.div`\n    margin: 50px 10%;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n`\n\nexport default function PowerPacksExpansionCarousel() {\n\n    const { appState } = useContext(AppContext);\n\n    return (\n        <Container>\n            <PowerPacksContainer>\n           \n            \n                <PowerPackExpansionTile\n                     title={\"PowerPack\"}\n                     subtitle={appState.i18n.powerpacks.monophasic} \n                     pack={\"20\"} \n                     panelsPower={\"7,5\"} \n                     availableInverters={\"3.7 kW, 5 kW\"} \n                     availableBatteries={\"3, 6, 9, 12 kWh\"} \n \n                    />\n                <PowerPackExpansionTile\n                     title={\"PowerPack\"}\n                     subtitle={appState.i18n.powerpacks.monophasic + \"/\" + appState.i18n.powerpacks.triphasic} \n                     pack={\"40\"} \n                     panelsPower={\"15\"} \n                     availableInverters={\"8kW, 10 kW\" + \" \" + appState.i18n.powerpacks.triphasic} \n                     availableBatteries={\"6, 9, 12 kWh\"}   \n                    />\n                <PowerPackExpansionTile\n                     title={\"PowerPack\"}\n                     subtitle={appState.i18n.powerpacks.triphasic} \n                     pack={\"60\"} \n                     panelsPower={\"18\"} \n                     availableInverters={\"10 kW, 12 kW, 15 kW\" + \" \" + appState.i18n.powerpacks.triphasic } \n                     availableBatteries={\"6, 9, 12 kWh\"}   \n                    />\n                \n            </PowerPacksContainer>\n            <Link to=\"/powerpacks-carregamento-eletrico-casa\">\n                <DefaultButton label={appState.i18n.powerpacks.purchase.toUpperCase()} />\n            </Link>\n        </Container>\n    )\n}\n\n\n","import React, { useContext } from 'react'\nimport Layout from '../../../../components/layout'\nimport AboutPlanTower from '../../../../components/layout/AboutPlanTower'\nimport CardsDisplayer from '../../../../components/layout/CardsDisplayer'\nimport DotDivider from '../../../../components/layout/DotDivider'\nimport HeroContainer from '../../../../components/layout/HeroContainer'\nimport MobilityConditions from '../../../../components/layout/MobilityConditions'\nimport MobilityPricingTable from '../../../../components/layout/MobilityPricingTable'\nimport RegisterButton from '../../../../components/layout/RegisterButton'\nimport Footer from '../../../../components/layout/Footer'\nimport SimilarOffers from '../../../../components/layout/SimilarOffers'\nimport Offer from '../../../../components/layout/Offer'\nimport { AppContext } from '../../../../contexts/AppContext'\nimport PowerPacksCarousel from '../../../../components/layout/PowerPacksCarousel'\nimport SEO from '../../../../components/seo'\nimport PowerPackConditions from '../../../../components/layout/PowerPackConditions'\nimport PowerPacksExpansionCarousel from '../../../../components/layout/PowerPacksExpansionCarousel'\nimport PowerPackExpansionConditions from '../../../../components/layout/PowerPackExpansionConditions'\nimport styled from 'styled-components'\n\n\nconst powerpack_Cards = [{ key: \"adaptable\" }, { key: \"completeSolution\" }, { key: \"guaranteedService\" }]\n\nconst snippets = [{\n    title: \"whatIsIt_Title\",\n    text: \"whatIsIt\"\n},\n{\n    title: \"howItWorks_Title\",\n    text: \"howItWorks\"\n},\n{\n    title: \"circularEconomyTitle\",\n    text: \"circularEconomy\"\n},]\n\nconst expansion_snippets = []\n\n\nexport default function MobilityPage() {\n\n    const { appState } = useContext(AppContext);\n\n    return (\n        <Layout>\n            <SEO title={appState.i18n.heroContainers.powerpacksPageTitle} />\n            <HeroContainer title={appState.i18n.heroContainers.powerpacksPageTitle} subtitle={appState.i18n.heroContainers.powerpacksPageText} id=\"powerpack\" />            \n            <DotDivider />\n            <PowerPacksCarousel />\n            <PowerPackConditions />\n            <AboutPlanTower page={\"powerpack_expansion\"} title={appState.i18n.aboutPlans.powerpack_expansion.expansion_possible_title} snippets={expansion_snippets}/>\n            <PowerPacksExpansionCarousel />\n            <PowerPackExpansionConditions />\n            <DotDivider />\n            <AboutPlanTower page={\"powerpack\"} snippets={snippets}/>\n            <DotDivider />\n            <CardsDisplayer cards={powerpack_Cards} />\n            <DotDivider />\n            <SimilarOffers title={appState.i18n.similarOffers.title}>\n                {/* <Offer link={\"/solutions/private/powerbox\"} title={appState.i18n.similarOffers.powerboxesTitle} text={appState.i18n.similarOffers.powerboxesText}/> */}\n                <Offer link={\"/solutions/plans/mobility\"} title={appState.i18n.similarOffers.mobilityPlanTitle} text={appState.i18n.similarOffers.mobilityPlanText}/>\n                <Offer link={\"/solutions/plans/residential\"} title={appState.i18n.similarOffers.residentialPlanTitle} text={appState.i18n.similarOffers.residentialPlanText}/>\n            </SimilarOffers>\n            <Footer />\n        </Layout>\n    )\n}\n","import React, { useState } from 'react'\nimport { TableContainer, Table, TableHead, TableRow, TableCell, TableBody } from '@material-ui/core';\nimport { useContext } from 'react';\nimport { AppContext } from '../../contexts/AppContext';\nimport styled from 'styled-components';\nimport Tooltip from '../common/Tooltip';\nimport MobilityTableCaptions from './MobilityTableCaptions';\nimport DefaultButton from '../common/Button';\nimport Modal from '../common/Modal';\nimport TAR from '../plans/TAR';\nimport PricesTable from \"../../utils/Prices\"\n\n\nconst Container = styled.div`\n    margin: 60px 10%;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n`\n\nconst TableContainer_ = styled(TableContainer)`\n    max-width: 800px;\n    margin-left: min(5%, 100px);\n    padding: 50px 0;\n`\n\nconst Table_ = styled(Table)`\n    border: none;\n` \n\nconst TableCell_ = styled(TableCell)`\n    border: none !important;\n    height: 80px;\n    font-size: 18px;\n    font-weight: 300;\n`\n\nconst TableCellTitle_ = styled(TableCell_)`\n    font-size: 22px;\n    font-weight: 500;\n`\n\nconst Tooltip_ = styled(Tooltip)`\n    margin-top: 10px;\n`\n\nconst Title = styled.h2`\n    text-transform: uppercase;\n`\n\nconst Button = styled(DefaultButton)`\n    width: 100% !important;\n`\n\nexport default function MobilityPricingTable() {\n    const { appState, sendEvent } = useContext(AppContext);\n    const [openTAR, setOpenTAR] = useState(false);\n\n    return (\n        <Container>\n            <Title>{appState.i18n.conditions.plan}</Title>\n            <TableContainer_>\n                    <Table_ aria-label=\"simple table\">\n                        <TableHead>\n                            <TableRow>\n                                <TableCellTitle_>{appState.i18n.prices.cycleSchedule}</TableCellTitle_>\n                                <TableCellTitle_>{appState.i18n.prices.tarcost}<Tooltip_ text={appState.i18n.conditions.priceDisclaimer} /></TableCellTitle_>\n                                <TableCellTitle_>{appState.i18n.prices.pvp}<Tooltip_ text={appState.i18n.conditions.retailPriceDisclaimer} /></TableCellTitle_>\n                            </TableRow>\n                        </TableHead>\n                        <TableBody>\n                            <TableRow>\n                                <TableCell_>{appState.i18n.prices.offPeak}</TableCell_>\n                                <TableCell_>{`€${PricesTable.mobility.base.offPeak.price}`}</TableCell_>\n                                <TableCell_>{`€${PricesTable.mobility.base.offPeak.pvp}`}</TableCell_>\n                            </TableRow>\n                            <TableRow>\n                                <TableCell_>{appState.i18n.prices.peak}</TableCell_>\n                                <TableCell_>{`€${PricesTable.mobility.base.peak.price}`}</TableCell_>\n                                <TableCell_>{`€${PricesTable.mobility.base.peak.pvp}`}</TableCell_>\n                            </TableRow>\n                        </TableBody>\n                    </Table_>\n                </TableContainer_>\n                <Button primary={0} label={`+ ${appState.i18n.plans.seeTAR}`} onClick={() => {\n                        setOpenTAR(true);\n                        sendEvent(\"Plans\", \"Click TAR\", \"Mobility\");\n                    }} />\n                <MobilityTableCaptions />\n                <Modal\n                    title={appState.i18n.plans.seeTAR}\n                    content={<div>\n                        <TAR />\n                    </div>}\n                    actions={[{ onClick: () => { setOpenTAR(false); }, text: appState.i18n[\"navs\"][\"close\"] }]}\n                    isOpen={[openTAR, setOpenTAR]} />\n        </Container>\n    )\n}\n"],"sourceRoot":""}