woocommerce-paypal-payments/modules/ppcp-paylater-block/resources/js/save.js

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

export default function save( { attributes } ) {
    const { layout, logo, position, color, size, flexColor, flexRatio, placement, id } = attributes;
    const paypalAttributes = layout === 'flex' ? {
        'data-pp-style-layout': 'flex',
        'data-pp-style-color': flexColor,
        'data-pp-style-ratio': flexRatio,
    } : {
        'data-pp-style-layout': 'text',
        'data-pp-style-logo-type': logo,
        'data-pp-style-logo-position': position,
        'data-pp-style-text-color': color,
        'data-pp-style-text-size': size,
    };
    if (placement && placement !== 'auto') {
        paypalAttributes['data-pp-placement'] = placement;
    }
    const props = {
        className: 'ppcp-paylater-message-block',
        id,
        ...paypalAttributes,
    };

	return <div {...useBlockProps.save(props)}>
        <div id="ppcp-messages" data-partner-attribution-id="Woo_PPCP"></div>
    </div>;
}