{"version":3,"file":"AlternativeDivider-f64c79f8.js","sources":["../../../app/javascript/components_contributor/atoms/OnboardingFlow/AlternativeDivider.tsx"],"sourcesContent":["import React, { ReactElement } from 'react'\nimport classNames from 'classnames'\nimport { scopedTranslation } from 'components/i18n'\nimport '~/stylesheets/split_layout/content_divider.scss'\n\nconst commonsTr = scopedTranslation('commons')\n\ninterface Props {\n  text?: string\n  className?: string\n  displayDividerBars?: boolean\n  size?: 'sm' | 'md' | 'lg'\n}\n\nexport default function AlternativeDivider({\n  text = commonsTr('.or'), className, displayDividerBars = false, size = 'sm',\n}: Props): ReactElement {\n  return (\n    <div className={classNames('split-layout-divider', 'gap-3', className, size === 'lg' ? 'my-4' : 'my-3')}>\n      {displayDividerBars && (<div className=\"split-layout-divider__bar\" />)}\n      <span\n        className={classNames('split-layout-divider__text', {\n          'fs-small': size === 'sm',\n          'fs-large': size === 'lg',\n        })}\n      >\n        {text}\n      </span>\n      {displayDividerBars && (<div className=\"split-layout-divider__bar\" />)}\n    </div>\n  )\n}\n"],"names":["commonsTr","scopedTranslation","AlternativeDivider","text","className","displayDividerBars","size","classNames","React"],"mappings":"8fAKA,MAAMA,EAAYC,EAAkB,SAAS,EAS7C,SAAwBC,EAAmB,CACzC,KAAAC,EAAOH,EAAU,KAAK,EAAG,UAAAI,EAAW,mBAAAC,EAAqB,GAAO,KAAAC,EAAO,IACzE,EAAwB,CACtB,uBACG,MAAI,CAAA,UAAWC,EAAW,uBAAwB,QAASH,EAAWE,IAAS,KAAO,OAAS,MAAM,CACnG,EAAAD,mBAAwB,MAAI,CAAA,UAAU,4BAA4B,EACnEG,EAAA,cAAC,OAAA,CACC,UAAWD,EAAW,6BAA8B,CAClD,WAAYD,IAAS,KACrB,WAAYA,IAAS,IAAA,CACtB,CAAA,EAEAH,CAAA,EAEFE,GAAuBG,EAAA,cAAC,MAAI,CAAA,UAAU,2BAA4B,CAAA,CACrE,CAEJ"}