CmRow / CmCol / CmStack / CmContainer

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

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

export default function Example() {
  return (
    <CmContainer maxWidth="md" padding="md">
      <CmStack gap="md">
        <CmRow justify="between" align="center" wrap>
          <CmText weight="semibold">Resumo operacional</CmText>
          <CmBadge tone="success">Atualizado</CmBadge>
        </CmRow>
        <CmCard padding="lg">
          <CmStack gap="xs">
            <CmText size="md" weight="semibold">18 tarefas abertas</CmText>
            <CmText tone="muted">Use Row, Stack e Container para compor sem CSS local.</CmText>
          </CmStack>
        </CmCard>
      </CmStack>
    </CmContainer>
  );
}