CmText

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

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

export default function Example() {
  return (
    <CmStack gap="sm">
      <CmText as="h2" size="lg" weight="semibold">Titulo da secao</CmText>
      <CmText size="md">Texto padrao para conteudo de leitura.</CmText>
      <CmText tone="muted">Texto secundario com menor destaque.</CmText>
      <CmText tone="danger" weight="medium">Mensagem de erro ou risco.</CmText>
      <CmText truncate style={{ maxWidth: 280 }}>
        Texto longo truncado para caber em tabelas e paineis compactos.
      </CmText>
    </CmStack>
  );
}