import { useBlockProps, InnerBlocks } from '@wordpress/block-editor';

export default function Save( { attributes } ) {
    const { maxWidth = '100%', expandVertical } = attributes; // Destructure maxWidth and expandVertical from attributes (with default values)

    // Define the block props
    const blockProps = useBlockProps.save();

    // Prepare the className based on expandVertical attribute
    const className = expandVertical ? `${blockProps.className} lcp-grow-vertical` : blockProps.className;

    // Define the style object
    const style = {
        maxWidth: maxWidth, 
    };

    return (
        <div {...blockProps} id="lcp-main-container" className={className} style={style}>
            <InnerBlocks.Content />
        </div>
    );
}
