@primer/react/dist/internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroupCaption.js

An implementation of GitHub's Primer Design System using React

import React from 'react';
import CheckboxOrRadioGroupContext from './CheckboxOrRadioGroupContext.js';
import classes from './CheckboxOrRadioGroup.module.css.js';
import { clsx } from 'clsx';
import { jsx } from 'react/jsx-runtime';
import Text from '../../../Text/Text.js';

const CheckboxOrRadioGroupCaption = ({
  className,
  children
}) => {
  const {
    captionId,
    parentName
  } = React.useContext(CheckboxOrRadioGroupContext);
  return /*#__PURE__*/jsx(Text, {
    className: clsx(className, classes.CheckboxOrRadioGroupCaption),
    id: captionId,
    "data-component": parentName ? `${parentName}.Caption` : undefined,
    children: children
  });
};
CheckboxOrRadioGroupCaption.displayName = "CheckboxOrRadioGroupCaption";
CheckboxOrRadioGroupCaption.__SLOT__ = Symbol('CheckboxOrRadioGroup.Caption');

export { CheckboxOrRadioGroupCaption as default };