<template>
  <!-- 自定义banner -->
  <div class="banner m-auto relative sm:flex hidden-sm-and-down flex justify-center">
    <el-image :src="layout?.banner" class="min-h-sm sm:h-auto w-full"></el-image>
    <div class="banner-bar absolute top-0 w-full sm:flex hidden">
      <div class="banner-text py-12 md:w-screen-xl m-auto opacity-90 flex flex-col justify-center">

      </div>
    </div>
  </div>
</template>

<script setup lang="ts">
import type {Layout} from "~/api/layout/model";

withDefaults(
    defineProps<{
      layout?: Layout;
    }>(),
    {}
);

</script>
