CmPage

import { CmPage } from "cosmemilton-ui/server";

import { CmBadge, CmCard, CmPage, CmStack, CmText } from "cosmemilton-ui/server";

export default function Example() {
  return (
    <CmPage as="section" maxWidth="md" padding="lg" gap="md">
      <CmStack gap="xs">
        <CmBadge tone="primary">Modulo</CmBadge>
        <CmText size="lg" weight="semibold">Visao de clientes</CmText>
        <CmText tone="muted">Pagina com largura, padding e gap padronizados.</CmText>
      </CmStack>
      <CmCard padding="lg">
        <CmText>Conteudo principal da tela.</CmText>
      </CmCard>
    </CmPage>
  );
}