{"mappings":"qoCAAA,IAAAA,EAAAC,EAAA,kD,oDAAAC,EAAAD,EAAA,SACAE,G,oBAAAF,EAAA,e,sBAEAG,EAAAH,EAAA,kB,UASc,SAAAI,G,IAAGC,EAAFD,EAAEC,WAAYC,EAAdF,EAAcE,UAAWC,a,OACtC,EAAAC,EAAAC,MAACN,EAAAO,YAAD,C,WACE,EAAAF,EAAAG,KAAC,MAAD,CAAK,UAAQ,cAAcL,UAAU,e,UACnC,EAAAE,EAAAG,KAAC,KAAD,CAAIL,UAAU,Y,SAAaD,OAE7B,EAAAG,EAAAG,KAAC,MAAD,CAAKL,WAAWM,aAAW,aAAc,CAAEN,c,SAAeC,S,yKCjB9D,IAAAR,EAAAC,EAAA,kD,mEAIaU,K,8EAJbG,EAAAb,EAAA,qB,sBAEAc,EAAAd,EAAA,2B,kiBAEO,IAAMU,EAAcK,UAAOC,IAAIC,IAI3BC,gBAAcC,aAGDC,SAAOC,KACPD,SAAOE,WAShBF,SAAOG,eAWSH,SAAOI,Q","sources":["packages/ipa/src/modules/auth/components/Panel/Panel.tsx","packages/ipa/src/modules/auth/components/Panel/Panel.styles.ts"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\n\nimport { StyledPanel } from './Panel.styles';\n\n\ntype PanelProps = {\n  headerText: string;\n  children: React.ReactNode;\n  className?: string;\n};\n\nconst Panel = ({ headerText, className, children }: PanelProps) => (\n  <StyledPanel>\n    <div data-cy=\"panelHeader\" className=\"Panel-Header\">\n      <h4 className=\"t-display\">{headerText}</h4>\n    </div>\n    <div className={classNames('Panel-Body', { className })}>{children}</div>\n  </StyledPanel>\n);\n\nexport default Panel;\n","import styled from 'styled-components';\n\nimport { MEDIA_QUERIES, COLORS } from '@indico-data/permafrost';\n\nexport const StyledPanel = styled.div`\n  width: 100%;\n  background: none;\n\n  @media ${MEDIA_QUERIES.mediumScreen} {\n    width: 380px;\n    margin: 30px auto 0;\n    background-color: ${COLORS.clay};\n    border: solid 1px ${COLORS.oxfordBlue};\n    border-radius: 4px;\n  }\n\n  .Panel-Header {\n    text-align: center;\n    padding-top: 20px;\n\n    h4 {\n      color: ${COLORS.lightFontColor};\n      letter-spacing: -0.5px;\n      margin: 0;\n    }\n  }\n\n  .Panel-Body {\n    padding: 10px 30px 30px;\n  }\n\n  hr {\n    border-bottom: 1px solid ${COLORS.ebony};\n    margin: 30px 0;\n  }\n`;\n"],"names":["parcelHelpers","require","_react","_classnames","_panelStyles","param","headerText","className","children","_jsxRuntime","jsxs","StyledPanel","jsx","classNames","_styledComponents","_permafrost","styled","div","_templateObject","MEDIA_QUERIES","mediumScreen","COLORS","clay","oxfordBlue","lightFontColor","ebony"],"version":3,"file":"LoginView.cc34ee09.js.map"}