Flip Cards Variations

@query-flip-cards.js

const FLIP_CARDS = 'loop-patterns/flip-cards';

wp.domReady( function() {
	wp.blocks.registerBlockVariation( 'core/query', {
		name: FLIP_CARDS,
		title: 'Flip Cards',
		description: 'Flip Cards Query',
		isActive: ( { namespace, query } ) => {
			return (
				namespace === FLIP_CARDS
				&& query.postType === 'post'
			);
		},
		icon: 'format-gallery',
		attributes: {
			namespace: FLIP_CARDS,
			className: 'lp-flip-cards',
			tagName:'section',
			query: {
				perPage: 3,
				pages: 0,
				offset: 0,
				postType: 'post',
				order: 'desc',
				orderBy: 'date',
				author: '',
				search: '',
				exclude: [],
				sticky: '',
				inherit: false,
			},
		},
		scope: [ 'inserter' ],
		innerBlocks: [],
	})
});