<?php
/**
 * Header Section block template.
 *
 * @param array $block The block settings and attributes.
 */

$logo = get_field('logo');
$link = get_field('link');
?>

<style>
.header__container {
  display: flex;
  align-items: center;
  justify-content: center;

  width: 100%;
  height: 72px;

  animation: fadeIn ease-in-out .25s backwards;
}

.header__logo {

}

.header__logo .logo__image {
  width: 126px;
  height: 24px;
}
</style>

<header class="container header__container">
  <a href="<?php echo esc_html($link); ?>" class="header__logo">
    <img class="logo__image" src="<?php echo esc_html($logo); ?>" alt="logo__image">
  </a>
</header>
