<template>
  <div class="headeline flex items-center">
    <button
      class="box flex items-center justify-center cursor-pointer"
      @click="$router.back"
    >
      <Icon icon-name="iconsuyuanxiangqing-fanhui"></Icon>
    </button>
    <div class="text">版权申请</div>
    <div class="flex-grow"></div>
    <button
      class="box flex items-center justify-center cursor-pointer"
      @click="$router.back"
    >
      <img src="@/assets/img/exit.svg" class="w-4 h-4" />
    </button>
  </div>
</template>

<script setup lang="ts">
import Icon from "@/components/Icon/index.vue";
</script>

<style scoped>
.headeline {
  height: 50px;
  background: #ffffff;
  border: 1px solid #efefef;
  padding: 0 22px;
}
.box {
  width: 32px;
  height: 26px;
  background: #ffffff;
  box-shadow: 0px 1px 2px 1px rgba(197, 197, 197, 0.5);
  border-radius: 6px;
}
.text {
  margin-left: 22px;
  font-size: 16px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: var(--sy-black);
}
</style>
