analytica-frontend-lib
Version:
Repositório público dos componentes utilizados nas plataformas da Analytica Ensino
1 lines • 1.55 kB
Source Map (JSON)
{"version":3,"sources":["../src/components/PageContainer/PageContainer.tsx"],"sourcesContent":["import { ReactNode } from 'react';\nimport { cn } from '../../utils/utils';\n\nexport interface PageContainerProps {\n /** Conteudo da pagina renderizado dentro do container interno */\n children: ReactNode;\n /** Classes CSS adicionais aplicadas ao container externo (wrapper full-width) */\n className?: string;\n /**\n * Classes CSS adicionais aplicadas ao container interno (limita a largura).\n * Use para sobrescrever a `max-w-[1000px]` padrao em projetos que precisam\n * de uma largura diferente. Ex.: `innerClassName=\"max-w-[1150px]\"`.\n * Tailwind-merge resolve o conflito mantendo apenas o ultimo `max-w-*`.\n */\n innerClassName?: string;\n}\n\nexport function PageContainer({\n children,\n className,\n innerClassName,\n}: Readonly<PageContainerProps>) {\n return (\n <div\n className={cn(\n 'flex flex-col w-full min-h-full items-center pb-5 relative',\n className\n )}\n >\n <div\n className={cn(\n 'flex flex-col w-full max-w-[1000px] lg:px-0 px-4',\n innerClassName\n )}\n >\n {children}\n </div>\n </div>\n );\n}\n\nexport default PageContainer;\n"],"mappings":";;;;;AA6BM;AAZC,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AACF,GAAiC;AAC/B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,WAAW;AAAA,YACT;AAAA,YACA;AAAA,UACF;AAAA,UAEC;AAAA;AAAA,MACH;AAAA;AAAA,EACF;AAEJ;","names":[]}