CmThemeProvider

import { CmThemeProvider } from "cosmemilton-ui/theme";

"use client";

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

export default function Example() {
  return (
    <CmThemeProvider defaultThemeName="cm-blue" defaultDensity="comfortable">
      <CmCard padding="lg" tone="primary" accent="top">
        <CmStack gap="xs">
          <CmBadge tone="primary">cm-blue</CmBadge>
          <CmText weight="semibold">Provider aninhado</CmText>
          <CmText tone="muted">Tema e densidade aplicados ao trecho renderizado.</CmText>
        </CmStack>
      </CmCard>
    </CmThemeProvider>
  );
}