mirror of
https://gh.wpcy.net/https://github.com/elementor/one-click-accessibility.git
synced 2026-04-24 04:01:35 +08:00
39 lines
888 B
JavaScript
39 lines
888 B
JavaScript
import { BottomBar } from '@ea11y/components';
|
|
import { IconDesignSettings, PositionSettings } from '@ea11y/layouts';
|
|
import {
|
|
StyledBox,
|
|
StyledWideBox,
|
|
StyledTitle,
|
|
} from '@ea11y/pages/pages.styles';
|
|
import { eventNames, mixpanelService } from '@ea11y/services';
|
|
import { useEffect } from '@wordpress/element';
|
|
import { __ } from '@wordpress/i18n';
|
|
|
|
const IconSettings = () => {
|
|
useEffect(() => {
|
|
mixpanelService.sendEvent(eventNames.pageView, {
|
|
page: 'Button',
|
|
});
|
|
}, []);
|
|
|
|
return (
|
|
<StyledBox>
|
|
<StyledWideBox>
|
|
<StyledTitle
|
|
variant="h4"
|
|
color="text.primary"
|
|
sx={{ width: '50%', marginLeft: 'auto', marginRight: 'auto' }}
|
|
>
|
|
{__('Design', 'pojo-accessibility')}
|
|
</StyledTitle>
|
|
|
|
<IconDesignSettings marginBottom={4} />
|
|
|
|
<PositionSettings />
|
|
</StyledWideBox>
|
|
<BottomBar />
|
|
</StyledBox>
|
|
);
|
|
};
|
|
|
|
export default IconSettings;
|
