import { useBlockProps, useInnerBlocksProps } from '@wordpress/block-editor';
import {
	default as BlockBody,
	wrapperAttributes,
} from './components/BlockBody';

/* eslint-disable camelcase */
export default function save({
	attributes,
	attributes: {
		anchor,
		hasCloseButton,
		modalityType,
		layoutType,
		closeButtonColor,
		closeButtonPosition,
		style: {
			spacing: {
				padding: { top = null, right = null } = {
					top: null,
					right: null,
				},
			} = { padding: { top: null, right: null } },
		} = { spacing: { padding: { top: null, right: null } } },
		popupWidth,
		accessibleDialogLabel,
	},
}) {
	return (
		<BlockBody.save
			{...useBlockProps.save(wrapperAttributes(attributes))}
			isModal={modalityType === 'modal'}
			isFixed={layoutType === 'fixed'}
			innerBlocks={useInnerBlocksProps.save}
			anchor={anchor}
			hasCloseButton={hasCloseButton}
			closeButtonColor={closeButtonColor}
			closeButtonPosition={closeButtonPosition}
			closeTop={top}
			closeRight={right}
			popupWidth={popupWidth}
			accessibleDialogLabel={accessibleDialogLabel}
		/>
	);
}