mirror of
https://gh.wpcy.net/https://github.com/elementor/hello-theme.git
synced 2026-04-28 12:22:20 +08:00
18 lines
792 B
JavaScript
18 lines
792 B
JavaScript
import Stack from '@elementor/ui/Stack';
|
|
import SvgIcon from '@elementor/ui/SvgIcon';
|
|
import { ReactComponent as ElementorNoticeIcon } from '../../../images/elementor-notice-icon.svg';
|
|
import Typography from '@elementor/ui/Typography';
|
|
import { __ } from '@wordpress/i18n';
|
|
|
|
export const TopBarContent = ( { sx = {}, iconSize = 'medium' } ) => {
|
|
return (
|
|
<Stack direction="row" sx={ { alignItems: 'center', height: 50, px: 2, backgroundColor: 'background.default', justifyContent: 'space-between', color: 'text.primary', ...sx } }>
|
|
<Stack direction="row" spacing={ 1 } alignItems="center">
|
|
<SvgIcon fontSize={ iconSize }>
|
|
<ElementorNoticeIcon />
|
|
</SvgIcon>
|
|
<Typography variant="subtitle1">{ __( 'Hello', 'hello-elementor' ) }</Typography>
|
|
</Stack>
|
|
</Stack>
|
|
);
|
|
};
|
