import { useContext } from 'react';
import Switch$1 from '../../switch/Switch.mjs';
import { useListItemControl } from '../useListItemControl.mjs';
import { ListItemContext } from '../ListItemContext.mjs';
import { jsx } from 'react/jsx-runtime';

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

export { Switch };
//# sourceMappingURL=ListItemSwitch.mjs.map
