woocommerce/plugins/woocommerce-admin/client/homescreen/mobile-app-modal/layouts/ModalContentLayoutWithTitle...

40 lines
915 B
TypeScript

/**
* External dependencies
*/
import React from 'react';
import { __ } from '@wordpress/i18n';
export const ModalContentLayoutWithTitle = ( {
children,
}: {
children: React.ReactNode;
} ) => (
<div className="jetpack-installation-content">
<div className="modal-layout-header">
<div className="woo-icon"></div>
<div className="modal-header">
<h1>
{ __(
'Manage orders and track sales in real-time with the free mobile app',
'woocommerce'
) }
</h1>
</div>
</div>
<div className="modal-layout-body">{ children }</div>
<div className="modal-layout-footer">
<div className="mobile-footer-icons">
<div className="apple-icon"></div>
<div className="android-icon"></div>
</div>
<div className="mobile-footer-blurb">
{ __(
'The WooCommerce Mobile App is available on iOS and Android',
'woocommerce'
) }
</div>
</div>
</div>
);