From d7ac114bcc62632fd311581791bdd1d2c6a15243 Mon Sep 17 00:00:00 2001
From: MUI bot <2109932+Janpot@users.noreply.github.com>
Date: Thu, 4 Jul 2024 11:57:19 +0200
Subject: [PATCH] [code-infra] Use @mui/docs/HighlightedCodeWithTabs in
 markdown

---
 docs/pages/experiments/docs/codeblock.md                        | 2 +-
 docs/src/modules/components/RichMarkdownElement.js              | 2 +-
 packages/mui-docs/src/HighlightedCode/index.tsx                 | 1 -
 .../HighlightedCodeWithTabs.tsx                                 | 2 +-
 packages/mui-docs/src/HighlightedCodeWithTabs/index.ts          | 2 ++
 5 files changed, 5 insertions(+), 4 deletions(-)
 rename packages/mui-docs/src/{HighlightedCode => HighlightedCodeWithTabs}/HighlightedCodeWithTabs.tsx (99%)
 create mode 100644 packages/mui-docs/src/HighlightedCodeWithTabs/index.ts

diff --git a/docs/pages/experiments/docs/codeblock.md b/docs/pages/experiments/docs/codeblock.md
index 00c353d3de3a88..66da0cdfec1b14 100644
--- a/docs/pages/experiments/docs/codeblock.md
+++ b/docs/pages/experiments/docs/codeblock.md
@@ -27,7 +27,7 @@ pnpm add @mui/material @emotion/react @emotion/styled
 
 ### Component version
 
-{{"component": "modules/components/HighlightedCodeWithTabs", "tabs": [{"tab":"JS", "code":"<div>Hello</div>", "language": "jsx"}, {"tab": "TS", "code": "type A = {}"}]}}
+{{"component": "@mui/docs/HighlightedCodeWithTabs", "tabs": [{"tab":"JS", "code":"<div>Hello</div>", "language": "jsx"}, {"tab": "TS", "code": "type A = {}"}]}}
 
 ## With header path
 
diff --git a/docs/src/modules/components/RichMarkdownElement.js b/docs/src/modules/components/RichMarkdownElement.js
index daaee43b6d3090..19518ae6643adf 100644
--- a/docs/src/modules/components/RichMarkdownElement.js
+++ b/docs/src/modules/components/RichMarkdownElement.js
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { useTranslate, useUserLanguage } from '@mui/docs/i18n';
-import { HighlightedCodeWithTabs } from '@mui/docs/HighlightedCode';
+import { HighlightedCodeWithTabs } from '@mui/docs/HighlightedCodeWithTabs';
 import { MarkdownElement } from '@mui/docs/MarkdownElement';
 import Demo from 'docs/src/modules/components/Demo';
 
diff --git a/packages/mui-docs/src/HighlightedCode/index.tsx b/packages/mui-docs/src/HighlightedCode/index.tsx
index 4c3282882f1b5d..c348a40cdaa7c2 100644
--- a/packages/mui-docs/src/HighlightedCode/index.tsx
+++ b/packages/mui-docs/src/HighlightedCode/index.tsx
@@ -1,2 +1 @@
 export * from './HighlightedCode';
-export * from './HighlightedCodeWithTabs';
diff --git a/packages/mui-docs/src/HighlightedCode/HighlightedCodeWithTabs.tsx b/packages/mui-docs/src/HighlightedCodeWithTabs/HighlightedCodeWithTabs.tsx
similarity index 99%
rename from packages/mui-docs/src/HighlightedCode/HighlightedCodeWithTabs.tsx
rename to packages/mui-docs/src/HighlightedCodeWithTabs/HighlightedCodeWithTabs.tsx
index de627b77214148..8e6f64b2bd82b2 100644
--- a/packages/mui-docs/src/HighlightedCode/HighlightedCodeWithTabs.tsx
+++ b/packages/mui-docs/src/HighlightedCodeWithTabs/HighlightedCodeWithTabs.tsx
@@ -5,7 +5,7 @@ import { TabsList as TabsListBase } from '@mui/base/TabsList';
 import { TabPanel as TabPanelBase } from '@mui/base/TabPanel';
 import { Tab as TabBase } from '@mui/base/Tab';
 import useLocalStorageState from '@mui/utils/useLocalStorageState';
-import { HighlightedCode } from './HighlightedCode';
+import { HighlightedCode } from '../HighlightedCode';
 
 export const CodeTabList = styled(TabsListBase)<{
   ownerState: { mounted: boolean; contained?: boolean };
diff --git a/packages/mui-docs/src/HighlightedCodeWithTabs/index.ts b/packages/mui-docs/src/HighlightedCodeWithTabs/index.ts
new file mode 100644
index 00000000000000..56d72abfe8f244
--- /dev/null
+++ b/packages/mui-docs/src/HighlightedCodeWithTabs/index.ts
@@ -0,0 +1,2 @@
+export * from './HighlightedCodeWithTabs';
+export { HighlightedCodeWithTabs as default } from './HighlightedCodeWithTabs';