Quiero crear un bloque personalizado que funcione como un bloque de columnas en Gutenberg. Es fácil hacerlo horizontalmente en la interfaz con CSS, pero ¿cómo puedo hacer que aparezca de esa manera en el editor?

 import { registerBlockType } from '@wordpress/blocks';
import { useBlockProps, InnerBlocks } from '@wordpress/block-editor';
import metadata from '../config/card-row-block.json';

const cardRowTemplate = [
 [ 'cgbms/card-block' ]
];

const allowedBlocks = [
 'cgbms/card-block',
];

registerBlockType(metadata, {
 edit: (props) => {
 const blockProps = useBlockProps();

 return <div className="cgbms_cards_row" { ...blockProps }>
 <InnerBlocks allowedBlocks={ allowedBlocks } renderAppender={ InnerBlocks.ButtonBlockAppender } template={cardRowTemplate} orientation="horizontal" />
 </div>
 },

 save: (props) => {
 const blockProps = useBlockProps.save();
 return <div className="cgbms_cards_row" { ...blockProps }>
 <InnerBlocks.Content />
 </div>
 }
});