From 5d7b14027fad0b241eaaa6eafa48283a1854e675 Mon Sep 17 00:00:00 2001
From: Nikita Karpukhin <nikita.karpukhin@scout24.com>
Date: Mon, 31 Oct 2022 18:13:22 +0100
Subject: [PATCH] Updated api-report.md

Signed-off-by: Nikita Karpukhin <nikita.karpukhin@scout24.com>
---
 plugins/user-settings/api-report.md           | 28 +++++++++++++++++++
 .../components/SettingsPage/SettingsPage.tsx  |  1 +
 2 files changed, 29 insertions(+)

diff --git a/plugins/user-settings/api-report.md b/plugins/user-settings/api-report.md
index c51d4f992a..1323bb8d7f 100644
--- a/plugins/user-settings/api-report.md
+++ b/plugins/user-settings/api-report.md
@@ -18,10 +18,12 @@ import { Observable } from '@backstage/types';
 import { ProfileInfo } from '@backstage/core-plugin-api';
 import { ProfileInfoApi } from '@backstage/core-plugin-api';
 import { PropsWithChildren } from 'react';
+import { default as React_2 } from 'react';
 import { RouteRef } from '@backstage/core-plugin-api';
 import { SessionApi } from '@backstage/core-plugin-api';
 import { StorageApi } from '@backstage/core-plugin-api';
 import { StorageValueSnapshot } from '@backstage/core-plugin-api';
+import { TabProps } from '@material-ui/core';
 
 // @public (undocumented)
 export const DefaultProviderSettings: (props: {
@@ -42,6 +44,32 @@ export const Router: (props: { providerSettings?: JSX.Element }) => JSX.Element;
 // @public (undocumented)
 export const Settings: (props: { icon?: IconComponent }) => JSX.Element;
 
+// @public (undocumented)
+export const SettingsLayout: {
+  (props: SettingsLayoutProps): JSX.Element;
+  Route: (props: SubRoute) => null;
+};
+
+// @public (undocumented)
+export type SettingsLayoutProps = {
+  title?: string;
+  subtitle?: string;
+  children?: React_2.ReactNode;
+};
+
+// @public (undocumented)
+export type SubRoute = {
+  path: string;
+  title: string;
+  children: JSX.Element;
+  tabProps?: TabProps<
+    React_2.ElementType,
+    {
+      component?: React_2.ElementType;
+    }
+  >;
+};
+
 // @public (undocumented)
 export const USER_SETTINGS_TAB_KEY = 'user-settings.tab';
 
diff --git a/plugins/user-settings/src/components/SettingsPage/SettingsPage.tsx b/plugins/user-settings/src/components/SettingsPage/SettingsPage.tsx
index 3d1f93aaef..8559bcd8c8 100644
--- a/plugins/user-settings/src/components/SettingsPage/SettingsPage.tsx
+++ b/plugins/user-settings/src/components/SettingsPage/SettingsPage.tsx
@@ -22,6 +22,7 @@ import {
   UserSettingsTabProps,
 } from '../UserSettingsTab';
 
+/** @public */
 export const SettingsPage = (props: { providerSettings?: JSX.Element }) => {
   const { providerSettings } = props;
   const outlet = useOutlet();