import { useContext } from 'react';
import RadioButton from '../../common/RadioButton/RadioButton.mjs';
import { useListItemControl } from '../useListItemControl.mjs';
import { ListItemContext } from '../ListItemContext.mjs';
import { jsx } from 'react/jsx-runtime';

const Radio = function (props) {
  const {
    baseItemProps
  } = useListItemControl('radio', {
    ...props
  });
  const {
    ids,
    describedByIds
  } = useContext(ListItemContext);
  return /*#__PURE__*/jsx(RadioButton, {
    ...props,
    "aria-describedby": describedByIds,
    className: "wds-list-item-control",
    disabled: baseItemProps.disabled,
    id: ids.control
  });
};
Radio.displayName = 'ListItem.Radio';

export { Radio };
//# sourceMappingURL=ListItemRadio.mjs.map
