@szhsin/react-accordion/dist/esm/hooks/useAccordionItem.mjs

The complete accordion solution for React.

import { ACCORDION_BTN_ATTR } from '../utils/constants.mjs';
import { useId } from './useId.mjs';

const useAccordionItem = ({
  state,
  toggle,
  disabled
}) => {
  const buttonId = useId();
  const panelId = buttonId && buttonId + '-';
  const buttonProps = {
    id: buttonId,
    'aria-controls': panelId,
    'aria-expanded': state.isEnter,
    onClick: toggle
  };
  disabled ? buttonProps.disabled = true : buttonProps[ACCORDION_BTN_ATTR] = '';
  const panelProps = {
    id: panelId,
    'aria-labelledby': buttonId,
    role: 'region'
  };
  return {
    buttonProps,
    panelProps
  };
};

export { useAccordionItem };