const {createElement: el, useState} = wp.element;
const {__experimentalToggleGroupControl: ToggleGroupControl, __experimentalToggleGroupControlOption: ToggleGroupControlOption} = wp.components;
const registerPlugin = wp.plugins.registerPlugin;
const PluginDocumentSettingPanel = wp.editor.PluginDocumentSettingPanel;

function TestToggleGroupControl() {
    const [value,setValue] = useState('');

    console.log(value);

    return el(PluginDocumentSettingPanel, {
        className: 'test-custom-select',
        title: 'Test Toggle Group Control',
        name: 'test-toggle-group-control'
    }, el(ToggleGroupControl, {
        label: "Test",
        value: value,
        isBlock: true,
        __nextHasNoMarginBottom: true,
        __next40pxDefaultSize: true,
        onChange: setValue
    }, el(ToggleGroupControlOption, {
        value: "",
        label: "None"
    }), el(ToggleGroupControlOption, {
        value: "next",
        label: "Next"
    })));
}

registerPlugin('test-toggle-group-control', {
    render: TestToggleGroupControl,
});