@cerberus-design/react/dist/components/admonition/primitives.js

The Cerberus Design React component library.

import { admonition } from 'styled-system/recipes';
import { createCerberusPrimitive, cerberus } from '../../system/index.js';

const { withSlotRecipe, withNoRecipe } = createCerberusPrimitive(admonition);
const AdmonitionRoot = withSlotRecipe(cerberus.aside, "root", {
  defaultProps: {
    "data-scope": "admonition",
    "data-part": "root"
  }
});
const AdmonitionIndicator = withNoRecipe(cerberus.span, {
  defaultProps: {
    "data-scope": "admonition",
    "data-part": "indicator"
  }
});
const AdmonitionContent = withNoRecipe(cerberus.div, {
  defaultProps: {
    "data-scope": "admonition",
    "data-part": "content"
  }
});
const AdmonitionHeading = withSlotRecipe(cerberus.p, "heading", {
  defaultProps: {
    "data-scope": "admonition",
    "data-part": "heading"
  }
});
const AdmonitionDescription = withSlotRecipe(cerberus.p, "description", {
  defaultProps: {
    "data-scope": "admonition",
    "data-part": "description"
  }
});

export { AdmonitionContent, AdmonitionDescription, AdmonitionHeading, AdmonitionIndicator, AdmonitionRoot };