# ghostkit/3.3.3/gutenberg/blocks/form/fields/submit/save.js

Block Animations, Motion & Scroll Effects – Ghost Kit, version 3.3.3. 35 lines.

- Page: https://pluginprobe.com/plugins/ghostkit/3.3.3/code/gutenberg/blocks/form/fields/submit/save.js
- Raw: https://pluginprobe.com/plugins/ghostkit/3.3.3/raw/gutenberg/blocks/form/fields/submit/save.js
- Modified: 2024-02-18T18:40:24+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/ghostkit/3.3.3/code/gutenberg/blocks/form/fields/submit/save.js#L10-L20`.

```javascript
import classnames from 'classnames/dedupe';

import { useBlockProps, useInnerBlocksProps } from '@wordpress/block-editor';
import { applyFilters } from '@wordpress/hooks';

import metadata from './block.json';

const { name } = metadata;

/**
 * Block Save component.
 *
 * @param props
 */
export default function BlockSave(props) {
	const { align } = props.attributes;

	let className = classnames(
		'ghostkit-form-submit-button',
		align && align !== 'none'
			? `ghostkit-form-submit-button-align-${align}`
			: false
	);

	className = applyFilters('ghostkit.blocks.className', className, {
		name,
		...props,
	});

	const blockProps = useBlockProps.save({ className });
	const innerBlocksProps = useInnerBlocksProps.save(blockProps);

	return <div {...innerBlocksProps} />;
}

```