{"version":3,"file":"program_school_logo_block-lbHkHS1M.js","sources":["../../app/javascript/components/shared/login_and_sign_up/program_school_logo_block.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"styled-components\";\n\nconst StyledContainer = styled.div<{ isSingleLogoOnly?: boolean }>`\n  display: grid;\n  grid-template-columns: ${({ isSingleLogoOnly }) => (isSingleLogoOnly ? \"none\" : \"1fr 1fr\")};\n  grid-gap: ${({ isSingleLogoOnly }) => (isSingleLogoOnly ? \"0px\" : \"8px\")};\n  width: 100%;\n\n  .programSchoolLogo,\n  .mcLogo {\n    max-height: 128px;\n    max-width: ${({ isSingleLogoOnly }) => (isSingleLogoOnly ? \"none\" : \"210px\")};\n    margin-left: auto;\n    margin-right: auto;\n  }\n\n  .logoImage {\n    width: 100%;\n    height: 100%;\n    object-fit: contain;\n  }\n`;\n\nfunction ProgramSchoolLogoBlock({\n  programLogo,\n  programName,\n  schoolLogo,\n  schoolName,\n}: {\n  programLogo?: string;\n  programName?: string;\n  schoolLogo?: string;\n  schoolName?: string;\n}) {\n  const MentorCollectiveLogo = (\n    <div className=\"mcLogo\">\n      <img\n        className=\"logoImage\"\n        src=\"/images/mc_logo_full.png\"\n        alt=\"Mentor Collective\"\n        aria-label=\"Mentor Collective logo\"\n      />\n    </div>\n  );\n\n  const LogoBlock = () => {\n    // MC Logo Only\n    if (!programLogo && !schoolLogo) {\n      return <StyledContainer isSingleLogoOnly={true}>{MentorCollectiveLogo}</StyledContainer>;\n    }\n\n    // MC Logo with Program or School Logo\n    return (\n      <StyledContainer>\n        {MentorCollectiveLogo}\n        <div className=\"programSchoolLogo\">\n          {programLogo ? (\n            <img\n              className=\"logoImage\"\n              src={programLogo}\n              alt={programName}\n              aria-label=\"Program logo\"\n            />\n          ) : (\n            <img className=\"logoImage\" src={schoolLogo} alt={schoolName} aria-label=\"School logo\" />\n          )}\n        </div>\n      </StyledContainer>\n    );\n  };\n\n  return <LogoBlock />;\n}\n\nexport default ProgramSchoolLogoBlock;\n"],"names":["StyledContainer","styled","isSingleLogoOnly","ProgramSchoolLogoBlock","programLogo","programName","schoolLogo","schoolName","MentorCollectiveLogo","jsx","LogoBlock"],"mappings":"wbAGA,MAAMA,EAAkBC,EAAO;AAAA;AAAA,2BAEJ,CAAC,CAAE,iBAAAC,CAAA,IAAwBA,EAAmB,OAAS,SAAU;AAAA,cAC9E,CAAC,CAAE,iBAAAA,CAAA,IAAwBA,EAAmB,MAAQ,KAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAMzD,CAAC,CAAE,iBAAAA,CAAA,IAAwBA,EAAmB,OAAS,OAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAYhF,SAASC,EAAuB,CAC9B,YAAAC,EACA,YAAAC,EACA,WAAAC,EACA,WAAAC,CACF,EAKG,CACD,MAAMC,EACJC,EAAAA,IAAC,MAAI,CAAA,UAAU,SACb,SAAAA,EAAA,IAAC,MAAA,CACC,UAAU,YACV,IAAI,2BACJ,IAAI,oBACJ,aAAW,wBAAA,CAAA,EAEf,EAGIC,EAAY,IAEZ,CAACN,GAAe,CAACE,EACXG,EAAAA,IAAAT,EAAA,CAAgB,iBAAkB,GAAO,SAAqBQ,EAAA,SAKrER,EACE,CAAA,SAAA,CAAAQ,EACAC,EAAA,IAAA,MAAA,CAAI,UAAU,oBACZ,SACCL,EAAAK,EAAA,IAAC,MAAA,CACC,UAAU,YACV,IAAKL,EACL,IAAKC,EACL,aAAW,cAAA,CACb,EAECI,MAAA,MAAA,CAAI,UAAU,YAAY,IAAKH,EAAY,IAAKC,EAAY,aAAW,aAAc,CAAA,CAE1F,CAAA,CAAA,EACF,EAIJ,aAAQG,EAAU,EAAA,CACpB"}