<template>
  <div class="sign-layout">
    <div class="sign-layout__wrapper">
      <div class="left">
        <span>国际化钻石交易平台</span>
        <span>现代化综合服务枢纽</span>
      </div>
      <div class="right">
        <div class="right-logo">
          <img src="@pc/assets/logo-horizontal.png" title="广州钻石交易中心" />
        </div>
        <div class="right-title">{{ title }}</div>
        <div class="right-container">
          <slot></slot>
        </div>
      </div>
    </div>
    <div class="sign-layout__footer">
      <span>Copyright ©{{ year }} 广州钻石交易中心有限责任公司 版权所有 粤ICP备15099122号</span>
    </div>
  </div>
</template>

<script lang="ts" setup>
defineProps({
  title: {
    type: String,
    required: true,
  },
})

const year = new Date().getFullYear()
</script>

<style lang="less">
@import './index.less';
</style>