/**
 * WordPress dependencies
 */
import { InnerBlocks, useBlockProps } from "@wordpress/block-editor";
import attributes from "./attributes";

const deprecated = [
    {
        attributes: { ...attributes },
        supports: {
            inserter: false,
            reusable: false,
            html: false,
        },
        save: ({ attributes }) => {
            const {
                blockId,
                classHook,
            } = attributes;

            const blockProps = useBlockProps.save();

            return (
                <>
                    <div className={`eb-parent-wrapper eb-parent-${blockId} ${classHook} ${blockProps.className}`}>
                        <div className={`eb-column-wrapper ${blockId}`}>
                            <div className="eb-column-inner">
                                <InnerBlocks.Content />
                            </div>
                        </div>
                    </div>
                </>
            );
        },
    },
    {
        attributes: { ...attributes },
        supports: {
            inserter: false,
            reusable: false,
            html: false,
        },
        save: ({ attributes }) => {
            const {
                blockId,
                classHook
            } = attributes;

            return (
                <>
                    <div className={`eb-parent-wrapper eb-parent-${blockId} ${classHook}`}>
                        <div className={`eb-column-wrapper ${blockId}`}>
                            <div className="eb-column-inner">
                                <InnerBlocks.Content />
                            </div>
                        </div>
                    </div>
                </>
            );
        },
    },
    {
        attributes: { ...attributes },
        supports: {
            inserter: false,
            reusable: false,
            html: false,
        },
        save: ({ attributes }) => {
            const { blockId } = attributes;

            return (
                <>
                    <div className={`eb-column-wrapper ${blockId}`}>
                        <div className="eb-column-inner">
                            <InnerBlocks.Content />
                        </div>
                    </div>
                </>
            );
        },
    },
];

export default deprecated;