/**
* WordPress dependencies
*/
import { useBlockProps } from '@wordpress/block-editor';
import sanitizeSVG from '../../utils/sanitize-svg';
import { getBlockClasses } from '@utils/getBlockClasses';
export function Save( { attributes } ) {
const {
html,
htmlAttributes = {},
} = attributes;
const classNames = getBlockClasses(
'gb-shape',
attributes,
true
);
const blockProps = useBlockProps.save(
{
className: classNames.join( ' ' ).trim(),
...htmlAttributes,
}
);
return (
<span
{ ...blockProps }
dangerouslySetInnerHTML={
{ __html: sanitizeSVG( html ) }
}
/>
);
}