CmCollapsible

import { CmCollapsible } from "cosmemilton-ui/client";

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

export default function Example() {
  return (
    <CmCollapsible
      defaultOpen
      trigger={
        <CmStack gap="xs">
          <CmBadge tone="info">Detalhes</CmBadge>
          <CmText weight="semibold">Como o score foi calculado?</CmText>
        </CmStack>
      }
    >
      <CmText tone="muted">
        O score considera volume de compras, atrasos, limite aprovado e recorrencia nos ultimos 90 dias.
      </CmText>
    </CmCollapsible>
  );
}