designer-hub/packages/app/src/components/trapezium-button.vue

<script setup lang="ts">
import trapezium from '@designer-hub/assets/src/assets/svgs/trapezium'
</script>
<template>
  <div
    class="w-50 box-border h-11 px-7 bg-[length:100%_100%] bg-no-repeat flex items-center relative"
  >
    <div class="absolute top-0 left-0 right-0 bottom-0">
      <wd-img width="100%" height="100%" :src="trapezium"></wd-img>
    </div>
    <div class="w-full relative flex items-center justify-center">
      <div><slot></slot></div>
    </div>
  </div>
</template>