{"version":3,"file":"js/AdditionalInfo-AdditionalInfo-01f67dc4157339339892.chunk.js","mappings":"yeAaA,IAAMA,EAAc,SAAHC,GAAA,IAASC,EAAKC,EAAA,IAAAC,EAAAH,GAAAA,IAAA,OAC7BI,EAAAA,cAAA,OAAKC,UAAU,SAAUJ,EAAMK,KAAOF,EAAAA,cAACG,EAAAA,EAAW,CAACC,QAASP,EAAMQ,YAAiBR,EAAMQ,SAAe,EAGpGC,EAAU,SAAHC,GAAA,IAAMH,EAAOG,EAAPH,QAASI,EAAgBD,EAAhBC,iBAAkBC,EAAKF,EAALE,MAAOC,EAAEH,EAAFG,GAAIR,EAAGK,EAAHL,IAAG,OAC1DF,EAAAA,cAAAA,EAAAA,SAAA,OACKU,GAAMV,EAAAA,cAAA,OAAKU,GAAIA,EAAIT,UClBjB,wCDmBLD,EAAAA,cAAA,OACEU,GAAE,GAAAC,OAAKD,EAAE,SACTT,UAAU,sFAEVD,EAAAA,cAACY,EAAAA,EAAI,CAACX,UAAU,UACdD,EAAAA,cAACY,EAAAA,EAAKC,IAAG,KACPb,EAAAA,cAAA,OAAKC,UAAU,wDACbD,EAAAA,cAACc,EAAAA,GAAE,KAAEL,KAGTT,EAAAA,cAACL,EAAW,CAACO,IAAKA,EAAKD,UAAWO,GAC/BJ,KAIN,EAoCL,QAtBuB,SAAHW,GAAA,IAASlB,EAAKC,EAAA,IAAAC,EAAAgB,GAAAA,IAAA,OAChCf,EAAAA,cAAA,aACKH,EAAMmB,SAAWhB,EAAAA,cAACM,EAAO,CAACI,GAAG,UAAUD,MAAM,UAAUL,QAASP,EAAMmB,YACtEnB,EAAMoB,eACPjB,EAAAA,cAACM,EAAO,CAACI,GAAG,sBAAsBD,MAAM,oBAAwBL,QAASP,EAAMoB,kBAE9EpB,EAAMqB,UAAYrB,EAAMqB,WACxBrB,EAAMsB,KAAOnB,EAAAA,cAACM,EAAO,CAACI,GAAG,MAAMD,MAAM,OAAOL,QAASP,EAAMsB,QAC3DtB,EAAMuB,mBACPpB,EAAAA,cAACM,EAAO,CAACI,GAAG,iBAAiBR,KAAG,EAACO,MAAM,4BAA4BL,QAASP,EAAMuB,sBAEjFvB,EAAMwB,UACPrB,EAAAA,cAACM,EAAO,CACNI,GAAG,mBACHR,KAAG,EACHO,MAAOZ,EAAMyB,cAAgBzB,EAAMyB,cAAgB,mBACnDlB,QAASP,EAAMwB,WAGf,C","sources":["webpack://printivity/./client/app/bundles/App/pages/ProductDetailsPage/AdditionalInfo/AdditionalInfo.tsx","webpack://printivity/./client/app/bundles/App/pages/ProductDetailsPage/AdditionalInfo/AdditionalInfo.scss?a854"],"sourcesContent":["import * as React from 'react';\nimport * as css from './AdditionalInfo.scss';\nimport { H4 } from 'styleguide/components/Heading';\nimport HtmlContent from 'styleguide/components/HtmlContent/HtmlContent';\nimport Grid from 'styleguide/components/Grid/Grid';\n\ninterface SegmentProps {\n  content: string | HTMLElement | React.ReactElement | React.ReactNode;\n  containerClasses?: string;\n  title?: string;\n  id?: string;\n  cms?: boolean;\n}\nconst BodyWrapper = ({ ...props }) => (\n  <div className=\"mt-10\">{(props.cms && <HtmlContent content={props.children} />) || props.children}</div>\n);\n\nconst Segment = ({ content, containerClasses, title, id, cms }: SegmentProps) => (\n  <>\n    {!!id && <div id={id} className={css.anchorOffset} />}\n    <div\n      id={`${id}-body`}\n      className=\"border-b border-t border-solid border-gray-50 py-16 xs:px-6 md:px-[100px] 3xl:px-0\"\n    >\n      <Grid className=\"w-full\">\n        <Grid.Row>\n          <div className=\"relative !flex w-full !items-center p-0 px-1 md:px-3\">\n            <H4>{title}</H4>\n          </div>\n        </Grid.Row>\n        <BodyWrapper cms={cms} className={containerClasses}>\n          {content}\n        </BodyWrapper>\n      </Grid>\n    </div>\n  </>\n);\n\ninterface Props {\n  TemplateSpecs?: React.ReactNode;\n  Articles?: React.ReactNode;\n  FAQ?: React.ReactNode;\n  faqHeading?: string;\n  Reviews?: React.ReactNode;\n  SEOBlockTitle?: string;\n  SEOBlock?: string;\n  additionalContent?: string;\n}\n\nconst AdditionalInfo = ({ ...props }: Props) => (\n  <div>\n    {!!props.Reviews && <Segment id=\"reviews\" title=\"Reviews\" content={props.Reviews} />}\n    {!!props.TemplateSpecs && (\n      <Segment id=\"templates-and-specs\" title=\"Templates &amp; specs\" content={props.TemplateSpecs} />\n    )}\n    {!!props.Articles && props.Articles}\n    {!!props.FAQ && <Segment id=\"faq\" title=\"FAQs\" content={props.FAQ} />}\n    {!!props.additionalContent && (\n      <Segment id=\"more-resources\" cms title=\"The Printivity Difference\" content={props.additionalContent} />\n    )}\n    {!!props.SEOBlock && (\n      <Segment\n        id=\"more-information\"\n        cms\n        title={props.SEOBlockTitle ? props.SEOBlockTitle : 'More Information'}\n        content={props.SEOBlock}\n      />\n    )}\n  </div>\n);\n\nexport default AdditionalInfo;\n","// extracted by mini-css-extract-plugin\nvar _1 = \"AdditionalInfo__anchorOffset__bI506\";\nexport { _1 as \"anchorOffset\" }\n"],"names":["BodyWrapper","_ref","props","_extends","_objectDestructuringEmpty","React","className","cms","HtmlContent","content","children","Segment","_ref2","containerClasses","title","id","concat","Grid","Row","H4","_ref3","Reviews","TemplateSpecs","Articles","FAQ","additionalContent","SEOBlock","SEOBlockTitle"],"sourceRoot":""}