35 lines
805 B
JavaScript
35 lines
805 B
JavaScript
/**
|
|
* External dependencies
|
|
*/
|
|
import { createSlotFill } from '@wordpress/components';
|
|
import { registerPlugin } from '@wordpress/plugins';
|
|
|
|
/**
|
|
* Internal dependencies
|
|
*/
|
|
import { SETTINGS_SLOT_FILL_CONSTANT } from './settings-slots';
|
|
|
|
const { Fill } = createSlotFill( SETTINGS_SLOT_FILL_CONSTANT );
|
|
|
|
const ExampleSettingsViewSlotFill = () => {
|
|
const style = { margin: '36px 0px' };
|
|
return (
|
|
<Fill>
|
|
{ ( { SideBar } ) => (
|
|
<div style={ style }>
|
|
<h1>Example Settings View</h1>
|
|
<p>This is the main content using a SlotFill</p>
|
|
{ <SideBar /> }
|
|
</div>
|
|
) }
|
|
</Fill>
|
|
);
|
|
};
|
|
|
|
export const registerExampleSettingsView = () => {
|
|
registerPlugin( 'woocommerce-exampple-settings-view-slotfill', {
|
|
scope: 'woocommerce-settings',
|
|
render: ExampleSettingsViewSlotFill,
|
|
} );
|
|
};
|