deprecated
2 months ago
advanced-spacer-control.js
2 months ago
block.json
1 day ago
edit.js
2 weeks ago
icon.svg
2 months ago
index.js
2 months ago
index.php
2 months ago
save.js
2 months ago
spacers.js
2 months ago
style.scss
2 months ago
transforms.js
2 months ago
save.js
37 lines
| 1 | /** |
| 2 | * WordPress dependencies |
| 3 | */ |
| 4 | import { useBlockProps } from '@wordpress/block-editor'; |
| 5 | |
| 6 | /** |
| 7 | * Internal dependencies |
| 8 | */ |
| 9 | import Spacers from './spacers'; |
| 10 | |
| 11 | export default function save({ attributes, anchor }) { |
| 12 | const { spaceType, unit, pc, tablet, mobile, spaceSize } = attributes; |
| 13 | |
| 14 | let containerClass = `vk_spacer`; |
| 15 | if ('custom' !== spaceSize) { |
| 16 | containerClass += ` vk_spacer-type-${spaceType}`; |
| 17 | } |
| 18 | |
| 19 | return ( |
| 20 | <div |
| 21 | {...useBlockProps.save({ |
| 22 | className: containerClass, |
| 23 | id: anchor, |
| 24 | })} |
| 25 | > |
| 26 | <Spacers |
| 27 | spaceSize={spaceSize} |
| 28 | type={spaceType} |
| 29 | pcSize={pc} |
| 30 | tabletSize={tablet} |
| 31 | mobileSize={mobile} |
| 32 | unit={unit} |
| 33 | /> |
| 34 | </div> |
| 35 | ); |
| 36 | } |
| 37 |