<script setup lang="ts">
import { useNamespace } from '@vben-core/toolkit';

defineOptions({
  name: 'TabBackground',
});

const { b, e } = useNamespace('tab-background');
</script>

<template>
  <div :class="b()">
    <div :class="e('divider')"></div>
    <div :class="e('content')"></div>
    <svg width="10" height="10" :class="e('before')">
      <path d="M 0 10 A 10 10 0 0 0 10 0 L 10 10 Z" />
    </svg>
    <svg width="10" height="10" :class="e('after')">
      <path d="M 0 0 A 10 10 0 0 0 10 10 L 0 10 Z" />
    </svg>
  </div>
</template>
