@primer/react/lib-esm/internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroupCaption.js

An implementation of GitHub's Primer Design System using React

import React from 'react';
import Text from '../../../Text/Text.js';
import CheckboxOrRadioGroupContext from './CheckboxOrRadioGroupContext.js';

const CheckboxOrRadioGroupCaption = ({
  children,
  sx
}) => {
  const {
    disabled,
    captionId
  } = React.useContext(CheckboxOrRadioGroupContext);
  return /*#__PURE__*/React.createElement(Text, {
    color: disabled ? 'fg.muted' : 'fg.subtle',
    fontSize: 1,
    id: captionId,
    sx: sx
  }, children);
};
CheckboxOrRadioGroupCaption.displayName = "CheckboxOrRadioGroupCaption";

export { CheckboxOrRadioGroupCaption as default };