Tabs with content block

index.js

import { __, _x } from '@wordpress/i18n';
import { InnerBlocks } from '@wordpress/block-editor';
import { registerBlockType } from '@wordpress/blocks';
import { group as icon } from '@wordpress/icons';

registerBlockType('sht/tabswithcontent', {
    title: __('Reitergruppe', 'sha'),
    description: __(
        'Eine Reitergruppe beinhaltet mehrere Reiter, um Inhalt auf der Website zu gruppieren.',
        'sha'
    ),
    icon,
    category: 'sht/blocks',
    supports: {
        group: false,
        mode: false,
        html: false,
    },
    edit: () => {
        return [
            <div className='b-tabswithcontent'>
                <div className='b-tabswithcontent__inner' data-tabswithcontent-inner>
                    <InnerBlocks
                        allowedBlocks={['sht/tabwithcontent']}
                        template={[['sht/tabwithcontent']]}
                    />
                </div>
            </div>,
        ];
    },
    save() {
        return (
            <div className='b-tabswithcontent' data-tabswithcontent>
                <div className='b-tabswithcontent__inner' data-tabswithcontent-inner>
                    <InnerBlocks.Content />
                </div>
            </div>
        );
    },
});