<template>
|
<svg class="w-full h-full">
|
<defs>
|
<symbol id="geometry-left" viewBox="0 0 214 36">
|
<path d="M17 0h197v36H0v-2c4.5 0 9-3.5 9-8V8c0-4.5 3.5-8 8-8z" />
|
</symbol>
|
<symbol id="geometry-right" viewBox="0 0 214 36">
|
<use xlink:href="#geometry-left" />
|
</symbol>
|
<clipPath>
|
<rect width="100%" height="100%" x="0" />
|
</clipPath>
|
</defs>
|
<svg width="51%" height="100%">
|
<use
|
xlink:href="#geometry-left"
|
width="214"
|
height="36"
|
fill="currentColor"
|
/>
|
</svg>
|
<g transform="scale(-1, 1)">
|
<svg width="51%" height="100%" x="-100%" y="0">
|
<use
|
xlink:href="#geometry-right"
|
width="214"
|
height="36"
|
fill="currentColor"
|
/>
|
</svg>
|
</g>
|
</svg>
|
</template>
|