From 5db25ea6161f79e66aa9db2f3522771d5c05b0cf Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Dami=C3=A1n=20Su=C3=A1rez?= <rdsuarez@gmail.com>
Date: Fri, 12 Apr 2024 05:48:40 -0400
Subject: [PATCH] [Product Block Editor]: expose __experimentalSectionActions
 component (#46515)

* add basic Readme.md file

* expose __experimentalSectionActions component

* changelog

* update readme example
---
 ...ct-editor-export-section-actions-component |  4 +++
 .../src/components/block-slot-fill/index.ts   |  2 +-
 .../block-slot-fill/section-actions/Readme.md | 29 +++++++++++++++++++
 .../js/product-editor/src/components/index.ts |  1 +
 4 files changed, 35 insertions(+), 1 deletion(-)
 create mode 100644 packages/js/product-editor/changelog/update-product-editor-export-section-actions-component
 create mode 100644 packages/js/product-editor/src/components/block-slot-fill/section-actions/Readme.md

diff --git a/packages/js/product-editor/changelog/update-product-editor-export-section-actions-component b/packages/js/product-editor/changelog/update-product-editor-export-section-actions-component
new file mode 100644
index 00000000000..b97ec2c16fc
--- /dev/null
+++ b/packages/js/product-editor/changelog/update-product-editor-export-section-actions-component
@@ -0,0 +1,4 @@
+Significance: patch
+Type: update
+
+Product Block Editor: expose __experimentalSectionActions component
diff --git a/packages/js/product-editor/src/components/block-slot-fill/index.ts b/packages/js/product-editor/src/components/block-slot-fill/index.ts
index e663f333f48..5c1dc08b338 100644
--- a/packages/js/product-editor/src/components/block-slot-fill/index.ts
+++ b/packages/js/product-editor/src/components/block-slot-fill/index.ts
@@ -1,4 +1,4 @@
 export * from './block-fill';
 export * from './block-slot';
-export * from './section-actions/index';
+export * from './section-actions';
 export * from './types';
diff --git a/packages/js/product-editor/src/components/block-slot-fill/section-actions/Readme.md b/packages/js/product-editor/src/components/block-slot-fill/section-actions/Readme.md
new file mode 100644
index 00000000000..eef630547d9
--- /dev/null
+++ b/packages/js/product-editor/src/components/block-slot-fill/section-actions/Readme.md
@@ -0,0 +1,29 @@
+# SectionActions
+
+`<SectionActions />` is a React component designed to be used within blocks in WooCommerce Product Editor,
+providing a slot for specific actions related to the section in which it is included.
+
+## Example
+
+```jsx
+import { __experimentalSectionActions as SectionActions } from '@woocommerce/product-editor'
+import { Button } from '@wordpress/components';
+import { __ } from '@wordpress/i18n';
+
+function CustomProductBlockEdit() {
+  return (
+    <>
+      <SectionActions>
+        <Button
+          onClick={ handleProductAction }
+          variant="secondary"
+        >
+          { __( 'Product action!', 'woocommerce' ) }
+        </Button>
+      </SectionActions>
+
+      <OtherBlockComponents { ...other} />
+    </>
+  );
+}
+```
diff --git a/packages/js/product-editor/src/components/index.ts b/packages/js/product-editor/src/components/index.ts
index bc35d3bb8c9..a241fdbda37 100644
--- a/packages/js/product-editor/src/components/index.ts
+++ b/packages/js/product-editor/src/components/index.ts
@@ -63,6 +63,7 @@ export {
 export {
 	BlockFill as __experimentalBlockFill,
 	BlockSlot as __experimentalBlockSlot,
+	SectionActions as __experimentalSectionActions,
 	BlockFillProps,
 	BlockSlotProps,
 } from './block-slot-fill';