{"version":3,"sources":["webpack:///./src/pages/delivery/Delivery.css.ts","webpack:///./src/pages/delivery/Delivery.tsx"],"names":["Subtitle","styled","div","h2","Html","ul","a","src","Info","WorkingHours","theme","colors","orange","Delivery","data","pageContext","frontmatter","allMarkdownRemark","nodes","getValue","param","object","query","lang","Lang","LV","e","console","warn","MainWrap","Header","title","MainTitle","source","deliveryTimes","map","delivery","key","time","style","backgroundImage","image"],"mappings":"0IAIaA,GAFOC,IAAOC,IAAV,uEAAGD,CAAH,MAEOA,IAAOE,GAAV,2EAAGF,CAAH,2GA8CRG,GArCWH,IAAOI,GAAV,2EAAGJ,CAAH,qHAYGA,IAAOK,EAAV,2EAAGL,CAAH,6PAiBAA,IAAOC,IAAV,wEAAGD,CAAH,8IACQ,qBAAGM,OAOTN,IAAOC,IAAV,uEAAGD,CAAH,4FAUJO,EAAOP,IAAOI,GAAV,uEAAGJ,CAAH,oTAuBJQ,EAAeR,IAAOC,IAAV,+EAAGD,CAAH,kHASV,qBAAGS,MAAkBC,OAAOC,U,4DC2B5BC,UA7F+B,SAAC,GAA0B,IAAxBC,EAAwB,EAAxBA,KAAMC,EAAkB,EAAlBA,YAG7CC,EAFkBF,EAAKG,kBAEWC,MAAM,GAAxCF,YAEFG,EAAW,SAACC,EAAOC,QAAkB,IAAlBA,MAAS,MAChC,IAAMC,EAAQD,GAAUP,EAAKG,kBAAkBC,MAAM,GAAGF,YACxD,IACE,OAAOD,EAAYQ,OAASC,IAAKC,GAAKH,EAAMF,GAASE,EAASF,EAAJ,OAC1D,MAAOM,GAEP,OADAC,QAAQC,KAAKF,GACN,KAIX,OACE,gBAACG,EAAA,EAAD,KACE,gBAACC,EAAA,EAAD,CAAQP,KAAMR,EAAYQ,KAAMQ,MAAO,gCACvC,gBAACC,EAAA,EAAD,KAAYjB,EAAYQ,OAAQC,IAAKC,GAAK,UAAY,YACtD,gBAAC,IAAD,KACE,gBAACzB,EAAD,KAAWmB,EAAS,aAiBpB,gBAACX,EAAD,KACE,0BACE,gBAACJ,EAAD,KACE,gBAAC,EAAD,CAAe6B,OAAQd,EAAS,mBAElC,gBAACV,EAAD,KACE,yBAAIU,EAAS,kBACZH,EAAYkB,cAAcC,KAAI,SAAAC,GAAQ,OACrC,qBAAGC,IAAKlB,EAAS,OAAQiB,IACvB,4BAAOjB,EAAS,OAAQiB,IAD1B,IAC6CA,EAASE,WAK5D,sBAAIC,MAAO,CAAEC,gBAAiB,OAAOxB,EAAYyB,MAArB","file":"component---src-pages-delivery-delivery-tsx-7152376dbfc4998e4493.js","sourcesContent":["import styled from \"styled-components\"\n\nexport const Wrap = styled.div``\n\nexport const Subtitle = styled.h2`\n  text-align: center;\n  font-size: 18px;\n  line-height: 26px;\n  width:800px;\n  max-width:100%;\n  margin:-20px auto 30px;\n`\n\nexport const Partners = styled.ul`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  li {\n    &:not(:last-child) {\n      margin-right: 20px;\n    }\n  }\n  margin: 20px 0;\n`\n\nexport const PhoneBtn = styled.a`\n  min-width: 180px;\n  padding: 0 8px;\n  height: 60px;\n  border: 2px solid #fff;\n  border-radius: 3px;\n  background: rgba(255,255,255,0.2);\n  display: inline-block;\n  line-height: 60px;\n  text-align: center;\n  font-size: 1.6rem;\n  font-weight: bold;\n  &:hover {\n    background: rgba(255,255,255,0.3);\n  }\n`\n\nexport const Image = styled.div<{ src: String }>`\n  background-image: url(${({ src }) => src});\n  background-position: center center;\n  background-repeat: no-repeat;\n  background-size: contain;\n  width: 120px;\n  height: 60px;\n`\nexport const Html = styled.div`\n  p {\n    font-size: 16px;\n    line-height: 22px;\n    margin-bottom: 20px;\n  }\n  strong {\n    font-family: Font-Black;\n  }\n`\nexport const Info = styled.ul`\n  margin-top: 40px;\n  display: flex;\n  align-items: flex-start;\n  justify-content: center;\n  @media (max-width: 760px) {\n    display: block;\n  }\n  li {\n    width: 100%;\n    &:last-child {\n      margin-left: 20px;\n      height: 300px;\n      background-position: center center;\n      background-repeat: no-repeat;\n      background-size: cover;\n      @media (max-width: 760px) {\n        margin:20px 0 0 0;\n      }\n    }\n  }\n`\n\nexport const WorkingHours = styled.div`\n  margin-top: 50px;\n  p {\n    font-size: 17px;\n    line-height: normal;\n    &:not(:last-child) {\n      margin-bottom: 10px;\n    }\n    span {\n      color: ${({ theme }) => theme.colors.orange};\n    }\n  }\n`\n","import * as React from \"react\"\nimport { FunctionComponent } from \"react\"\nimport Header from \"../../components/header/Header\"\nimport { graphql } from \"gatsby\"\nimport {\n  Wrap,\n  Subtitle,\n  Partners,\n  PhoneBtn,\n  Image,\n  Html,\n  Info,\n  WorkingHours,\n} from \"./Delivery.css\"\nimport MainWrap from \"../../components/main-wrap/MainWrap\"\nimport MainTitle from \"../../components/main-title/MainTitle\"\nimport { HolderWrap } from \"../../components/main-wrap/MainWrap.css\"\nimport { Lang, PageContext } from \"../../constants\"\nimport * as ReactMarkdown from \"react-markdown\"\nexport type Props = {\n  data?: any\n  pageContext: PageContext\n}\nexport type Functions = {}\nexport type AllProps = Props & Functions\n\nconst Delivery: FunctionComponent<AllProps> = ({ data, pageContext }) => {\n  const allMarkdownRemark = data.allMarkdownRemark\n\n  const { frontmatter } = allMarkdownRemark.nodes[0]\n\n  const getValue = (param, object = null) => {\n    const query = object || data.allMarkdownRemark.nodes[0].frontmatter\n    try {\n      return pageContext.lang === Lang.LV ? query[param] : query[`${param}_en`]\n    } catch (e) {\n      console.warn(e)\n      return \"\"\n    }\n  }\n\n  return (\n    <MainWrap>\n      <Header lang={pageContext.lang} title={\"Delisnack restorānu piegāde\"} />\n      <MainTitle>{pageContext.lang ===Lang.LV ? \"Piegāde\" : \"Delivery\"}</MainTitle>\n      <HolderWrap>\n        <Subtitle>{getValue(\"subTitle\")}</Subtitle>\n\n        {/*<Partners>\n          <li>\n            <PhoneBtn href={'tel:' + frontmatter.phone.replace(/\\s/g, '')}>{ frontmatter.phone }</PhoneBtn>\n          </li>\n        </Partners>*/}\n\n        {/*<Partners>\n          {frontmatter.partners.map(partner => (\n            <li key={partner.url}>\n              <a href={partner.url} target=\"_blank\">\n                <Image src={partner.image} />\n              </a>\n            </li>\n          ))}\n        </Partners>*/}\n        <Info>\n          <li>\n            <Html>\n              <ReactMarkdown source={getValue(\"bodyMarkdown\")} />\n            </Html>\n            <WorkingHours>\n              <p>{getValue(\"deliveryTitle\")}</p>\n              {frontmatter.deliveryTimes.map(delivery => (\n                <p key={getValue(\"days\", delivery)}>\n                  <span>{getValue(\"days\", delivery)}</span> {delivery.time}\n                </p>\n              ))}\n            </WorkingHours>\n          </li>\n          <li style={{ backgroundImage: `url(${frontmatter.image})` }}></li>\n        </Info>\n      </HolderWrap>\n    </MainWrap>\n  )\n}\n\nexport const query = graphql`\n  {\n    allMarkdownRemark(\n      filter: {\n        fields: { collection: { eq: \"delivery\" } }\n      }\n    ) {\n      nodes {\n        html\n        frontmatter {\n          title\n          title_en\n          subTitle\n          subTitle_en\n          phone\n          partners {\n            url\n            image\n          }\n          deliveryTitle\n          deliveryTitle_en\n          deliveryTimes {\n            days\n            days_en\n            time\n          }\n          bodyMarkdown\n          bodyMarkdown_en\n          image\n        }\n      }\n    }\n  }\n`\n\nexport default Delivery\n"],"sourceRoot":""}