Next, RSC e React puro

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

export default function DashboardSummary() {
  return (
    <CmCard padding="lg">
      <CmStack gap="xs">
        <CmText weight="semibold">Pedidos</CmText>
        <CmText tone="muted">Resumo renderizado no servidor.</CmText>
      </CmStack>
    </CmCard>
  );
}

"use client";

import { useState } from "react";
import { CmSwitch } from "cosmemilton-ui/client";

export function ToggleSetting() {
  const [checked, setChecked] = useState(true);
  return <CmSwitch checked={checked} onCheckedChange={setChecked} />;
}