import Box from '@mui/material/Box';
import List from '@mui/material/List';
import ListItem from '@mui/material/ListItem';
import ListItemButton from '@mui/material/ListItemButton';
import Typography from '@mui/material/Typography';
import Divider from '@mui/material/Divider';
import KeyboardArrowRightRounded from '@mui/icons-material/KeyboardArrowRightRounded';
import Head from 'docs/src/modules/components/Head';
import AppHeader from 'docs/src/layouts/AppHeader';
import AppFooter from 'docs/src/layouts/AppFooter';
import BrandingCssVarsProvider from 'docs/src/BrandingCssVarsProvider';
import Section from 'docs/src/layouts/Section';
import { pageToTitleI18n } from 'docs/src/modules/utils/helpers';
import { useTranslate } from '@mui/docs/i18n';
import { Link } from '@mui/docs/Link';
import type { MuiPage } from 'docs/src/MuiPage';
import materialPages from 'docs/data/material/pages';
export default function Components() {
const t = useTranslate();
const pages = materialPages;
const componentPageData = pages.find(({ title }) => title === 'Components');
function renderItem(aPage: MuiPage) {
return (
{pageToTitleI18n(aPage, t) || ''}
);
}
return (
All Components
{(componentPageData?.children || []).map((page) => (
{pageToTitleI18n(page, t)}
{(page.children || []).map((nestedPage) => {
if (nestedPage.children) {
return (
{pageToTitleI18n(nestedPage, t) || ''}
{nestedPage.children.map(renderItem)}
);
}
return renderItem(nestedPage);
})}
))}
);
}