From 42de768e6247d90f6db876a6ad0880a04b20fe9e Mon Sep 17 00:00:00 2001
From: Vincent Fretin <vincent.fretin@gmail.com>
Date: Tue, 10 Sep 2024 12:17:31 +0200
Subject: [PATCH] add optional style prop to Button component

---
 .../components/components/Button/Button.component.jsx       | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/editor/components/components/Button/Button.component.jsx b/src/editor/components/components/Button/Button.component.jsx
index b8a30296..eeb3ad98 100644
--- a/src/editor/components/components/Button/Button.component.jsx
+++ b/src/editor/components/components/Button/Button.component.jsx
@@ -1,4 +1,4 @@
-import { bool, element, func, node, number, string } from 'prop-types';
+import { bool, element, func, node, number, object, string } from 'prop-types';
 
 import classNames from 'classnames';
 import styles from './Button.module.scss';
@@ -19,6 +19,7 @@ const variants = {
  * @category Components
  * @param {{
  *  className?: string;
+ *  style?: object;
  *  onClick?: () => void;
  *  onPointerDown?: () => void;
  *  onPointerUp?: () => void;
@@ -34,6 +35,7 @@ const variants = {
  */
 const Button = ({
   className,
+  style,
   onClick,
   onPointerDown,
   onPointerUp,
@@ -48,6 +50,7 @@ const Button = ({
 }) => (
   <button
     className={classNames(styles.buttonWrapper, variants[variant], className)}
+    style={style}
     onClick={onClick}
     onPointerDown={onPointerDown}
     onPointerUp={onPointerUp}
@@ -65,6 +68,7 @@ const Button = ({
 
 Button.propTypes = {
   className: string,
+  style: object,
   onClick: func,
   onPointerDown: func,
   onPointerUp: func,