one-click-accessibility/modules/settings/assets/js/pages/menu.js
2025-01-16 19:43:09 +01:00

29 lines
829 B
JavaScript

import Box from '@elementor/ui/Box';
import Container from '@elementor/ui/Container';
import Typography from '@elementor/ui/Typography';
import { MenuSettings, WidgetPreview } from '@ea11y/layouts';
import { mixpanelService } from '@ea11y/services';
import { useEffect } from '@wordpress/element';
import { __ } from '@wordpress/i18n';
const Menu = () => {
useEffect(() => {
mixpanelService.sendEvent('page_view', {
page: 'Capabilities',
});
}, []);
return (
<Container sx={{ overflow: 'auto', maxHeight: '100%', p: 5 }}>
<Typography variant="h4" fontWeight="400" marginBottom={4}>
{__('Capabilities', 'pojo-accessibility')}
</Typography>
<Box display="grid" gridTemplateColumns="repeat(2, 1fr)" gap={4}>
<MenuSettings />
<WidgetPreview />
</Box>
</Container>
);
};
export default Menu;