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

const save = ({ attributes }) => {
	const {
		blockId,
		showAfterDismiss,
		title,
		text,
		classHook,
	} = attributes;

	return (
		<div {...useBlockProps.save()}>
			<div className={`eb-parent-wrapper eb-parent-${blockId} ${classHook}`}>
				<div
					className={`eb-notice-wrapper ${blockId}`}
					data-id={blockId}
					data-show-again={showAfterDismiss}
				>
					<div className="eb-notice-title-wrapper">
						<RichText.Content
							tagName="div"
							className="eb-notice-title"
							value={title}
						/>
					</div>
					<span className="eb-notice-dismiss" style={{ cursor: "pointer" }} />
					<div>
						<RichText.Content
							tagName="div"
							className="eb-notice-text"
							value={text}
						/>
					</div>
				</div>
			</div>
		</div>
	);
};

export default save;