{"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":[]}