{"version":3,"file":"TextDivider-I28BZvbJ.js","sources":["../../src/components/shared/TextDivider.tsx"],"sourcesContent":["import { FunctionComponent } from 'react';\nimport styled from '@emotion/styled';\n\nimport { Divider, Typography, DividerProps, TypographyProps } from '@mui/material';\n\nconst ContainerDiv = styled.div`\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n min-height: 2rem;\n background-color: ${({ theme }) => theme.palette.background.paper};\n`;\n\nconst TextWrapper = styled.div`\n position: absolute;\n z-index: 1;\n background-color: ${({ theme }) => theme.palette.background.paper};\n padding: 0 3rem;\n text-transform: uppercase;\n`;\n\nconst StyledDivider = styled(Divider)`\n width: 100%;\n`;\n\ninterface TextDividerProps {\n text: string;\n className?: string;\n dividerProps?: DividerProps;\n typographyProps?: TypographyProps;\n}\n\nexport const TextDivider: FunctionComponent = ({\n className,\n text,\n dividerProps,\n typographyProps,\n}) => (\n \n \n \n \n {text}\n \n \n \n);\n"],"names":["ContainerDiv","styled","theme","TextWrapper","StyledDivider","Divider","TextDivider","className","text","dividerProps","typographyProps","jsxs","jsx","Typography"],"mappings":"8DAKA,MAAMA,EAAeC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAON,CAAC,CAAE,MAAAC,KAAYA,EAAM,QAAQ,WAAW,KAAK;AAAA,EAG7DC,EAAcF,EAAO;AAAA;AAAA;AAAA,sBAGL,CAAC,CAAE,MAAAC,KAAYA,EAAM,QAAQ,WAAW,KAAK;AAAA;AAAA;AAAA,EAK7DE,EAAgBH,EAAOI,CAAO;AAAA;AAAA,EAWvBC,EAAmD,CAAC,CAC/D,UAAAC,EACA,KAAAC,EACA,aAAAC,EACA,gBAAAC,CACF,IACEC,OAACX,GAAa,UAAAO,EACZ,SAAA,CAACK,EAAAA,IAAAR,EAAA,CAAe,GAAGK,EAAc,EAChCG,MAAAT,EAAA,CAAY,UAAU,eACrB,eAACU,EAAW,CAAA,QAAQ,YAAY,UAAU,OAAO,MAAM,gBAAiB,GAAGH,EACxE,UACH,CAAA,EACF,CAAA,CACF,CAAA"}