hello-theme/modules/admin-home/assets/js/components/paper/site-parts.js

import { BaseAdminPaper } from './base-admin-paper';
import Stack from '@elementor/ui/Stack';
import { ColumnLinkGroup } from '../linkGroup/column-link-group';
import { __ } from '@wordpress/i18n';
import { useAdminContext } from '../../hooks/use-admin-context';

export const SiteParts = () => {
	const {
		adminSettings: {
			siteParts: { siteParts = [], sitePages = [], general = [] } = {},
		} = {},
	} = useAdminContext();

	return (
		<BaseAdminPaper>
			<Stack direction="row" gap={12}>
				<ColumnLinkGroup
					title={__('Site Parts', 'hello-elementor')}
					links={siteParts}
					sx={{ minWidth: '25%' }}
				/>
				<ColumnLinkGroup
					title={__('Recent Pages', 'hello-elementor')}
					links={sitePages}
					sx={{ minWidth: '25%' }}
				/>
				<ColumnLinkGroup
					title={__('General', 'hello-elementor')}
					links={general}
					sx={{ minWidth: '25%' }}
				/>
			</Stack>
		</BaseAdminPaper>
	);
};