From 86b663bc6a28d93b614c6c248754f8362461600f Mon Sep 17 00:00:00 2001
From: Arthur Andrade <arthurfelandrade@gmail.com>
Date: Fri, 3 Jun 2022 15:39:08 -0300
Subject: [PATCH] feat: Fix OutOfStock nested components

Signed-off-by: Arthur Andrade <arthurfelandrade@gmail.com>
---
 packages/ui/src/organisms/OutOfStock/OutOfStockMessage.tsx | 7 ++++++-
 packages/ui/src/organisms/OutOfStock/OutOfStockTitle.tsx   | 7 ++++++-
 2 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/packages/ui/src/organisms/OutOfStock/OutOfStockMessage.tsx b/packages/ui/src/organisms/OutOfStock/OutOfStockMessage.tsx
index f57487ddce..846ab58d9e 100644
--- a/packages/ui/src/organisms/OutOfStock/OutOfStockMessage.tsx
+++ b/packages/ui/src/organisms/OutOfStock/OutOfStockMessage.tsx
@@ -13,9 +13,14 @@ export const OutOfStockMessage = ({
   as: MessageComponent = 'p',
   testId = 'store-out-of-stock-message',
   children,
+  ...otherProps
 }: OutOfStockMessageProps) => {
   return (
-    <MessageComponent data-out-of-stock-message data-testid={testId}>
+    <MessageComponent
+      data-out-of-stock-message
+      data-testid={testId}
+      {...otherProps}
+    >
       {children}
     </MessageComponent>
   )
diff --git a/packages/ui/src/organisms/OutOfStock/OutOfStockTitle.tsx b/packages/ui/src/organisms/OutOfStock/OutOfStockTitle.tsx
index 213dafac2a..e7769800e6 100644
--- a/packages/ui/src/organisms/OutOfStock/OutOfStockTitle.tsx
+++ b/packages/ui/src/organisms/OutOfStock/OutOfStockTitle.tsx
@@ -13,9 +13,14 @@ export const OutOfStockTitle = ({
   as: TitleComponent = 'h2',
   testId = 'store-out-of-stock-title',
   children,
+  ...otherProps
 }: OutOfStockTitleProps) => {
   return (
-    <TitleComponent data-out-of-stock-title data-testid={testId}>
+    <TitleComponent
+      data-out-of-stock-title
+      data-testid={testId}
+      {...otherProps}
+    >
       {children}
     </TitleComponent>
   )