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

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

export { Checkbox };
//# sourceMappingURL=ListItemCheckbox.mjs.map
