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

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

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

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

import { applyFilters } from '@wordpress/hooks';

import IconPicker from '../../components/icon-picker';
import metadata from './block.json';
const { name } = metadata;
import { useBlockProps } from '@wordpress/block-editor';

/**
 * Block Save Class.
 *
 * @param props
 */
export default function BlockSave(props) {
	const { icon, type } = props.attributes;

	let className = `ghostkit-divider ghostkit-divider-type-${type}`;

	if (icon) {
		className = classnames(className, 'ghostkit-divider-with-icon');
	}

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

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

	return (
		<div {...blockProps}>
			{icon ? (
				<IconPicker.Render
					name={icon}
					tag="div"
					className="ghostkit-divider-icon"
				/>
			) : null}
		</div>
	);
}

```