# ghostkit/3.4.1/gutenberg/blocks/gif/save.js

Block Animations, Motion & Scroll Effects – Ghost Kit, version 3.4.1. 38 lines.

- Page: https://pluginprobe.com/plugins/ghostkit/3.4.1/code/gutenberg/blocks/gif/save.js
- Raw: https://pluginprobe.com/plugins/ghostkit/3.4.1/raw/gutenberg/blocks/gif/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.4.1/code/gutenberg/blocks/gif/save.js#L10-L20`.

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

import { RichText, useBlockProps } from '@wordpress/block-editor';

/**
 * Block Save Class.
 *
 * @param props
 */
export default function BlockSave(props) {
	const { url, srcset, alt, width, height, caption } = props.attributes;

	let { className } = props.attributes;

	className = classnames('ghostkit-gif', className);

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

	return (
		<figure {...blockProps}>
			<img
				src={url}
				srcSet={srcset}
				alt={alt}
				width={width}
				height={height}
			/>
			{!RichText.isEmpty(caption) ? (
				<RichText.Content
					className="ghostkit-gif-caption"
					tagName="figcaption"
					value={caption}
				/>
			) : null}
		</figure>
	);
}

```