﻿<template>
  <!-- PC -->
  <div class="shadow-lg rounded-2xl mt-2">
    <div class="relative z-20">

      <div class="min-h-8 rounded-t-2xl shadow-lg"
           :style="{ backgroundColor: branding.colors.primary }"
      ></div>

      <actual-banner></actual-banner>
      <banner-actions></banner-actions>

    </div>


  </div>
</template>

<script setup>
import {useBrandingStore} from "@/stores/brandingStore.js";
import ActualBanner from "@/views/creators/ActualBanner.vue";
import BannerActions from "@/views/creators/BannerActions.vue";

const branding = useBrandingStore();
</script>
