designer-hub/packages/app/src/components/inverted-trapezoid-button.vue

<script setup lang="ts">
import invertedTrapezoid from '@designer-hub/assets/src/assets/svgs/invertedTrapezoid'
</script>
<template>
  <div
    class="bg-fill h-11 px-7 bg-[length:100%_100%] bg-no-repeat flex items-center"
    :style="{ backgroundImage: `url(${invertedTrapezoid})` }"
  >
    <slot></slot>
  </div>
</template>