@gluestack-ui-nightly/core/lib/esm/accordion/aria/useAccordionItem.js

Universal UI components for React Native, Expo, and Next.js

export const useAccordionItem = (state, props) => {
    const { toggleItem } = state;
    const { value, isExpanded, isDisabled } = props;
    const buttonId = `accordion-button-${value}`;
    const regionId = `accordion-region-${value}`;
    const toggle = () => {
        toggleItem(value, isDisabled);
    };
    return {
        regionProps: {
            'id': regionId,
            'aria-labelledby': buttonId,
            'role': 'region',
        },
        buttonProps: {
            'id': buttonId,
            'aria-controls': regionId,
            'aria-disabled': isDisabled,
            'aria-expanded': isExpanded,
            'onPress': toggle,
            'role': 'button',
        },
        isExpanded,
    };
};
//# sourceMappingURL=useAccordionItem.js.map