fix(layout): FormContainer wrong props (#1362)

.changeset/kind-turkeys-relate.md

@@ -0,0 +1,5 @@
+---
+"@rocket.chat/layout": patch
+---
+
+fix(layout): FormContainer wrong props

packages/layout/src/FormPageLayout/FormContainer.tsx

@@ -1,6 +1,6 @@
 import { Box } from '@rocket.chat/fuselage';
-import type { ReactElement, FC } from 'react';
+import type { ComponentProps } from 'react';
 
-const FormContainer: FC = ({ children }): ReactElement => <Box>{children}</Box>;
+const FormContainer = (props: ComponentProps<typeof Box>) => <Box {...props} />;
 
 export default FormContainer;

packages/layout/src/FormPageLayout/index.ts

@@ -7,10 +7,38 @@ import FormSubtitle from './FormSubtitle';
 import FormTitle from './FormTitle';
 
 export default Object.assign(Form, {
+  /**
+   * @deprecated prefer using named imports
+   * */
   Header: FormHeader,
+  /**
+   * @deprecated prefer using named imports
+   * */
   Steps: FormSteps,
+  /**
+   * @deprecated prefer using named imports
+   * */
   Title: FormTitle,
+  /**
+   * @deprecated prefer using named imports
+   * */
   Subtitle: FormSubtitle,
+  /**
+   * @deprecated prefer using named imports
+   * */
   Container: FormContainer,
+  /**
+   * @deprecated prefer using named imports
+   * */
   Footer: FormFooter,
 });
+
+export {
+  Form,
+  FormContainer,
+  FormHeader,
+  FormFooter,
+  FormSteps,
+  FormSubtitle,
+  FormTitle,
+};