import { getTemplateRenderingStrategy } from '@reddit/faceplate-ui/faceplateUIConfig.js';
import { defaultClasses, defaultStyles, spacerSizeClass } from '../attributes.js';
import { classMap } from './util.js';
export function renderSpacerBlock(block, ctx) {
    const { html, styleMap } = getTemplateRenderingStrategy();
    const classes = {
        ...defaultClasses(block, ctx),
        ...spacerSizeClass(block.config?.spacerConfig?.size, block.config?.spacerConfig?.shape, ctx.stackDirection),
    };
    const styles = {
        ...defaultStyles(block, ctx),
    };
    return html `<div
    class="${classMap(classes)}"
    style="${styleMap(styles)}"
    data-debug-block-type="spacer"
  ></div>`;
}
//# sourceMappingURL=renderSpacerBlock.js.map