import { createElement } from "react";
/**
 * External dependencies
 */
// eslint-disable-next-line no-restricted-imports
import * as Ariakit from '@ariakit/react';

/**
 * WordPress dependencies
 */
import { forwardRef } from '@wordpress/element';

/**
 * Internal dependencies
 */

/**
 * Accessible Disclosure component that controls visibility of a section of
 * content. It follows the WAI-ARIA Disclosure Pattern.
 */
const UnforwardedDisclosureContent = ({
  visible,
  children,
  ...props
}, ref) => {
  const disclosure = Ariakit.useDisclosureStore({
    open: visible
  });
  return createElement(Ariakit.DisclosureContent, {
    store: disclosure,
    ref: ref,
    ...props
  }, children);
};
export const DisclosureContent = forwardRef(UnforwardedDisclosureContent);
export default DisclosureContent;
//# sourceMappingURL=index.js.map