<?php
/**
 * Grid widget: a CSS grid container. Column/row templates, gaps and per-child spans come from generated CSS.
 *
 * @var array  $settings
 * @var string $attrs
 * @var array  $element
 * @var \Zadex\Frontend\Renderer $renderer
 */
if (!defined('ABSPATH')) {
    exit;
}
// phpcs:disable WordPress.NamingConventions.PrefixAllGlobals.NonPrefixedVariableFound -- template variables are local to Zadex\Frontend\Renderer::include_template().

$allowed_tags = ['div', 'section', 'ul', 'article', 'aside'];
$zx_tag = in_array($settings['tag'] ?? 'div', $allowed_tags, true) ? $settings['tag'] : 'div';

$zx_html = '<' . $zx_tag . ' ' . $attrs . '>' . $renderer->render_children($element) . '</' . $zx_tag . '>';
echo wp_kses($zx_html, \Zadex\Frontend\Kses::allowed_html()) . "\n";