{"version":3,"file":"component---src-pages-strapi-job-offer-locale-strapi-job-offer-title-tsx-9f905a3e67dceb3411f6.js","mappings":"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","sources":["webpack://signature-products-gmb-h/./src/components/grids/DefaultGrid.tsx","webpack://signature-products-gmb-h/./src/components/header/SectionHeader.tsx","webpack://signature-products-gmb-h/./src/components/sections/PageHeader.tsx","webpack://signature-products-gmb-h/./src/components/sections/Section.tsx","webpack://signature-products-gmb-h/./src/hooks/useDarkness.tsx","webpack://signature-products-gmb-h/./src/components/cards/IconCard.tsx","webpack://signature-products-gmb-h/./src/pages/{StrapiJobOffer.locale}/{StrapiJobOffer.title}.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\n\nexport type DefaultGridProps = {\n  children: ReactNode;\n  className?: string;\n  narrow?: boolean;\n  custom?: boolean;\n};\n\nexport default function DefaultGrid({\n  children,\n  className,\n  narrow,\n  custom,\n}: DefaultGridProps) {\n  return (\n    <div\n      className={`grid ${\n        custom\n          ? ''\n          : narrow\n          ? 'xl:grid-cols-2'\n          : 'xl:grid-cols-4 md:grid-cols-2'\n      } grid-cols-1 gap-8 ${className}`}\n    >\n      {children}\n    </div>\n  );\n}\n","import { graphql } from 'gatsby';\nimport React, { ReactNode } from 'react';\n\nexport type SectionHeaderProps = {\n  subtitle: ReactNode;\n  title: ReactNode;\n};\n\nexport default function SectionHeader({ subtitle, title }: SectionHeaderProps) {\n  return (\n    <div className=\"sm:mb-8 mb-6\">\n      <p className=\"sm:text-xl text-base uppercase font-bold sm:mb-2 mb-1 text-slate-500\">\n        {subtitle}\n      </p>\n      <h2 className=\"sm:text-4xl text-2xl font-bold\">{title}</h2>\n    </div>\n  );\n}\n\nexport const query = graphql`\n  fragment SectionHeader on STRAPI__COMPONENT_COMPONENTS_SECTION_HEADER {\n    subtitle\n    title\n  }\n`;\n","import { faArrowRight } from '@fortawesome/pro-solid-svg-icons';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { graphql } from 'gatsby';\nimport React from 'react';\nimport { DarknessProvider } from '../../hooks/useDarkness';\nimport Button, { StrapiApiButton } from '../buttons/Button';\nimport StrapiImage, { StrapiApiImage } from '../images/StrapiImage';\n\nexport type PageHeaderProps = {\n  title: string;\n  intro: string;\n  addGradient: boolean;\n  image: StrapiApiImage;\n  actions: StrapiApiButton[];\n};\n\nexport default function PageHeader({\n  title,\n  intro,\n  image,\n  addGradient,\n  actions,\n}: PageHeaderProps) {\n  if (!title && !intro && !image) return null;\n  return (\n    <section\n      className=\"relative overflow-hidden bg-black text-white flex\"\n      style={{ minHeight: '25rem' }}\n    >\n      <DarknessProvider darkness=\"dark\">\n        <StrapiImage\n          className=\"!absolute inset-0 z-0\"\n          image={image}\n          loading=\"eager\"\n        />\n        {addGradient && (\n          <div className=\"absolute inset-0 z-10 bg-gradient-to-r from-black to-transparent\"></div>\n        )}\n        <div className=\"relative z-20 sm:py-16 py-8 sm:px-8 px-4 container m-auto flex items-center\">\n          <div className=\"max-w-prose\">\n            <h1 className=\"font-bold sm:text-5xl text-3xl mb-8\">{title}</h1>\n            <p className=\"sm:text-lg text-base\">{intro}</p>\n            <div className=\"mt-8 sm:space-x-4\">\n              {actions?.map((action) => (\n                <Button\n                  key={action.id}\n                  className=\"sm:mb-0 mb-4 sm:inline-block block max-w-max\"\n                  {...action}\n                >\n                  {action.title}{' '}\n                  <FontAwesomeIcon\n                    className=\"sm:ml-12 ml-6\"\n                    icon={faArrowRight}\n                  />\n                </Button>\n              ))}\n            </div>\n          </div>\n        </div>\n      </DarknessProvider>\n    </section>\n  );\n}\n\nexport const query = graphql`\n  fragment PageHeader on STRAPI__COMPONENT_PAGE_PAGE_HEADER {\n    title\n    intro\n    addGradient\n    image {\n      ...StrapiImageFullWidth\n    }\n    actions {\n      ...Button\n    }\n  }\n`;\n","import { graphql } from \"gatsby\";\nimport React, { createContext, ReactNode, useContext } from \"react\";\nimport { Darkness, DarknessProvider, useDarkness } from \"../../hooks/useDarkness\";\nimport usePreferredColorSchema from \"../../hooks/usePreferredColorSchema\";\n\nexport type SectionAppearance = 'light' | 'dark' | 'white';\n\nexport type SectionMeta = {\n    subtitle: string,\n    title: string,\n    appearance: SectionAppearance\n}\n\nexport type SectionProps = {\n    children: ReactNode,\n    appearance: SectionAppearance,\n    full?: boolean\n};\n\nexport type SectionContextType = {\n    darkness: Darkness,\n    appearance: SectionAppearance\n}\n\nconst SectionContext = createContext<SectionContextType>({darkness: 'light', appearance: 'light'});\n\nexport const useSectionAppearance = () => {\n    return useContext(SectionContext);\n};\n\nexport default function Section({\n    appearance,\n    children,\n    full = false\n}: SectionProps) {\n    let baseAppearance = 'bg-slate-100 dark:bg-slate-900 text-slate-900 dark:text-white';\n    let darkness: Darkness = 'light';\n\n    if(appearance === 'white') {\n        baseAppearance = 'bg-white dark:bg-slate-800 text-slate-900 dark:text-white';\n        darkness = 'light';\n    } else if(appearance === 'dark') {\n        baseAppearance = 'bg-slate-900 dark:bg-black text-white';\n        darkness = 'dark';\n    }\n\n    const realDarkness = usePreferredColorSchema();\n\n    return (\n        <section className={baseAppearance}>\n            <SectionContext.Provider value={{darkness: realDarkness, appearance}}>\n                <DarknessProvider darkness={darkness}>\n                    <div className={`relative ${full ? '' : 'container m-auto sm:px-8 px-4 sm:py-16 py-8'}`}>\n                        {children}\n                    </div>\n                </DarknessProvider>\n            </SectionContext.Provider>\n        </section>\n    );\n}\n\nexport const query = graphql`\n    fragment BaseSection on STRAPI__COMPONENT_COMPONENTS_SECTION_HEADER {\n        appearance\n    }\n`;","import React, { useEffect, useState } from \"react\";\nimport { useContext, createContext, ReactNode } from \"react\";\nimport usePreferredColorSchema from \"./usePreferredColorSchema\";\n\nexport type Darkness = 'light' | 'dark';\n\nconst DarknessContext = createContext<Darkness>('light');\n\nexport const useDarkness = () => {\n    return useContext(DarknessContext);\n};\n\nexport const DarknessProvider = ({\n    children,\n    darkness,\n  }: {\n    children: ReactNode;\n    darkness?: Darkness;\n  }) => {\n    return (\n      <DarknessContext.Provider value={darkness ?? 'light'}>\n        <div className={`${darkness === 'dark' ? 'dark' : ''} contents`}>\n          {children}\n        </div>\n      </DarknessContext.Provider>\n    );\n  };\n  ","import React, { ReactNode } from 'react';\n\nexport type IconCardProps = {\n  title: ReactNode;\n  subtitle: ReactNode;\n  icon: ReactNode;\n};\n\nexport function IconCard({ title, subtitle, icon }: IconCardProps) {\n  return (\n    <div className=\"w-full p-4 flex text-slate-500 dark:text-slate-400 bg-white dark:bg-slate-900 shadow-xl dark:border-2 border-slate-800 rounded-xl overflow-hidden\">\n      <div className=\"flex justify-center items-center text-4xl mr-4\">\n        {icon}\n      </div>\n      <div className=\"grow flex flex-col justify-center\">\n        <div className=\"text-lg text-black dark:text-white font-bold\">\n          {title}\n        </div>\n        {subtitle && (\n          <div className=\"text-slate-500 dark:text-slate-500 font-medium\">\n            {subtitle}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n\nexport default IconCard;\n","import {\n  faClock,\n  faMapPin,\n  faUserGroup,\n  faLanguage,\n} from '@fortawesome/pro-light-svg-icons';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { graphql } from 'gatsby';\nimport { MDXRenderer } from 'gatsby-plugin-mdx';\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\nimport IconCard from '../../components/cards/IconCard';\nimport DefaultGrid from '../../components/grids/DefaultGrid';\nimport SectionHeader from '../../components/header/SectionHeader';\nimport PageHeader from '../../components/sections/PageHeader';\nimport Section from '../../components/sections/Section';\nimport Translated from '../../components/translation/Translated';\n\nexport type JobOfferPageProps = {\n  data: any;\n};\n\nexport function JobOfferPage({ data }: JobOfferPageProps) {\n  const offer = data.allStrapiJobOffer.nodes[0];\n\n  return (\n    <>\n      <PageHeader\n        title={offer.title}\n        intro={offer.excerpt}\n        addGradient\n        actions={[]}\n        image={offer.image}\n      />\n      <Section appearance=\"light\">\n        <SectionHeader\n          title={<Translated ns=\"JobOffer\" k=\"introSectionTitle\" />}\n          subtitle={<Translated ns=\"JobOffer\" k=\"introSectionSubtitle\" />}\n        />\n        <div className=\"lg:columns-2 gap-16 mb-16\">\n          <MDXRenderer>\n            {offer.childStrapiJobOfferDescriptionTextnode.childMdx.body}\n          </MDXRenderer>\n        </div>\n        <DefaultGrid>\n          <IconCard\n            icon={<FontAwesomeIcon icon={faClock} />}\n            title={offer.time}\n            subtitle={<Translated ns=\"JobOffer\" k=\"hours\" />}\n          />\n          <IconCard\n            icon={<FontAwesomeIcon icon={faMapPin} />}\n            title={offer.location}\n            subtitle={<Translated ns=\"JobOffer\" k=\"location\" />}\n          />\n          <IconCard\n            icon={<FontAwesomeIcon icon={faUserGroup} />}\n            title={offer.department}\n            subtitle={<Translated ns=\"JobOffer\" k=\"department\" />}\n          />\n          <IconCard\n            icon={<FontAwesomeIcon icon={faLanguage} />}\n            title={offer.languages}\n            subtitle={<Translated ns=\"JobOffer\" k=\"languages\" />}\n          />\n        </DefaultGrid>\n      </Section>\n      <Section appearance=\"white\">\n        <div className=\"grid lg:grid-cols-2 gap-16\">\n          {offer.childStrapiJobOfferTasksTextnode?.childMdx?.body && (\n            <div>\n              <SectionHeader\n                title={<Translated ns=\"JobOffer\" k=\"taskSectionTitle\" />}\n                subtitle={<Translated ns=\"JobOffer\" k=\"taskSectionSubtitle\" />}\n              />\n              <MDXRenderer>\n                {offer.childStrapiJobOfferTasksTextnode.childMdx.body}\n              </MDXRenderer>\n            </div>\n          )}\n          {offer.childStrapiJobOfferProfileTextnode?.childMdx?.body && (\n            <div>\n              <SectionHeader\n                title={<Translated ns=\"JobOffer\" k=\"profileSectionTitle\" />}\n                subtitle={\n                  <Translated ns=\"JobOffer\" k=\"profileSectionSubtitle\" />\n                }\n              />\n              <MDXRenderer>\n                {offer.childStrapiJobOfferProfileTextnode.childMdx.body}\n              </MDXRenderer>\n            </div>\n          )}\n        </div>\n      </Section>\n    </>\n  );\n}\n\nexport const query = graphql`\n  query ($id: String) {\n    allStrapiJobOffer(filter: { id: { eq: $id } }) {\n      nodes {\n        title\n        excerpt\n        time\n        location\n        department\n        languages\n        image {\n          ...StrapiImageConstrained\n        }\n        childStrapiJobOfferDescriptionTextnode {\n          childMdx {\n            body\n          }\n        }\n        childStrapiJobOfferProfileTextnode {\n          childMdx {\n            body\n          }\n        }\n        childStrapiJobOfferTasksTextnode {\n          childMdx {\n            body\n          }\n        }\n        locale\n        localizations {\n          data {\n            attributes {\n              locale\n              title\n            }\n          }\n        }\n      }\n    }\n  }\n`;\n\nexport default JobOfferPage;\n"],"names":["DefaultGrid","children","className","narrow","custom","SectionHeader","subtitle","title","PageHeader","intro","image","addGradient","actions","style","minHeight","darkness","loading","map","action","key","id","icon","faArrowRight","SectionContext","createContext","appearance","useSectionAppearance","useContext","Section","full","baseAppearance","realDarkness","usePreferredColorSchema","Provider","value","DarknessContext","useDarkness","DarknessProvider","JobOfferPage","offer","data","allStrapiJobOffer","nodes","excerpt","Translated","ns","k","MDXRenderer","childStrapiJobOfferDescriptionTextnode","childMdx","body","faClock","time","faMapPin","location","faUserGroup","department","faLanguage","languages","childStrapiJobOfferTasksTextnode","childStrapiJobOfferProfileTextnode"],"sourceRoot":""}