<?php
/**
 * Title: Grade de cards
 * Slug: ufpe-ds/grid-cards
 * Categories: ufpe, columns
 * Description: Três cards lado a lado para serviços, cursos ou destaques.
 *
 * @package ufpe-ds
 */
$ufpe_cards = array(
	array( 'Ensino', 'Graduação e pós-graduação em diversas áreas do conhecimento.' ),
	array( 'Pesquisa', 'Produção científica e grupos de pesquisa de referência.' ),
	array( 'Extensão', 'Projetos que conectam a Universidade à sociedade.' ),
);
?>
<!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group" style="padding-top:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50)">
	<!-- wp:columns -->
	<div class="wp-block-columns">
		<?php foreach ( $ufpe_cards as $card ) : ?>
		<!-- wp:column -->
		<div class="wp-block-column">
			<!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|30","bottom":"var:preset|spacing|30","left":"var:preset|spacing|30","right":"var:preset|spacing|30"}},"border":{"color":"#e6e6e6","width":"1px","radius":"6px"}},"layout":{"type":"default"}} -->
			<div class="wp-block-group has-border-color" style="border-color:#e6e6e6;border-width:1px;border-radius:6px;padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)">
				<!-- wp:heading {"level":3,"textColor":"brand-primary","fontSize":"large"} -->
				<h3 class="wp-block-heading has-brand-primary-color has-text-color has-large-font-size"><?php echo esc_html( $card[0] ); ?></h3>
				<!-- /wp:heading -->

				<!-- wp:paragraph {"fontSize":"small"} -->
				<p class="has-small-font-size"><?php echo esc_html( $card[1] ); ?></p>
				<!-- /wp:paragraph -->
			</div>
			<!-- /wp:group -->
		</div>
		<!-- /wp:column -->
		<?php endforeach; ?>
	</div>
	<!-- /wp:columns -->
</div>
<!-- /wp:group -->
