@blockspoon/cert-badge-renderer 1.0.1

package/dist/templates/ribbons/RibbonType18.js

@@ -0,0 +1,73 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createRibbonType18 = createRibbonType18;
+function createRibbonType18({ mainColor = "#96A6B4", subColor = "#96A6B4", extraColor1 = "#96A6B4", }) {
+    const paintId0 = `paint0_linear_${Math.random().toString(36).substr(2, 9)}`;
+    return `
+    <svg
+      width="100%"
+      height="100%"
+      viewBox="0 0 536 192"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      preserveAspectRatio="xMidYMid meet"
+      style="
+        width: 100%;
+        height: 100%;
+        max-width: 100%;
+        max-height: 100%;
+        z-index: 1;
+        mix-blend-mode: normal;
+        pointer-events: none;
+        display: block;
+      "
+    >
+      <path
+        d="M479 184.5L528 161L488.5 161.5L479 184.5Z"
+        fill="${extraColor1}"
+      />
+      <path
+        opacity="0.3"
+        d="M479 184.5L529 160.5L488.5 161.5L479 184.5Z"
+        fill="black"
+      />
+      <path
+        d="M57 184.5L8.00037 161L47.5 161.5L57 184.5Z"
+        fill="${extraColor1}"
+      />
+      <path
+        opacity="0.3"
+        d="M57 184.5L7 160.5L47.5 161.5L57 184.5Z"
+        fill="black"
+      />
+      <rect
+        width="536"
+        height="162"
+        rx="10"
+        fill="url(#${paintId0})"
+      />
+      <path d="M0 12L536 12" stroke="white" />
+      <path d="M0 150L536 150" stroke="white" />
+      <rect
+        y="12.5547"
+        width="536"
+        height="137.145"
+        fill="white"
+        fill-opacity="0.3"
+      />
+      <defs>
+        <linearGradient
+          id="${paintId0}"
+          x1="3.33645e-07"
+          y1="18.5824"
+          x2="532.535"
+          y2="165.067"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stop-color="${mainColor}" />
+          <stop offset="1" stop-color="${subColor}" />
+        </linearGradient>
+      </defs>
+    </svg>
+  `;
+}

package/dist/templates/ribbons/RibbonType18_1.d.ts

@@ -0,0 +1,2 @@
+import { ISvgProps } from "../../interface";
+export declare function createRibbonType18_1({ mainColor, subColor, }: ISvgProps): string;

package/dist/templates/ribbons/RibbonType18_1.js

@@ -0,0 +1,61 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createRibbonType18_1 = createRibbonType18_1;
+function createRibbonType18_1({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
+    return `
+    <svg
+      width="100%"
+      height="100%"
+      viewBox="0 0 222 173"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      preserveAspectRatio="xMidYMid meet"
+      style="
+        width: 100%;
+        height: 100%;
+        max-width: 100%;
+        max-height: 100%;
+        z-index: 1;
+        mix-blend-mode: normal;
+        pointer-events: none;
+        display: block;
+      "
+    >
+      <g clip-path="url(#clip0_2487_142)">
+        <path
+          d="M111.675 2.36282L5.95907 40.4034C2.62417 41.5671 1.22894 45.5127 3.12855 48.4256L38.0935 66.5322C38.5787 67.2956 38.8771 68.1692 38.9353 69.0769L40.0171 105.433C40.2714 109.398 44.6189 111.678 48.1107 109.687L170.657 42.1982C173.51 40.5748 174.306 36.8664 172.38 34.2915L117.821 4.20337C116.423 2.3246 113.936 1.58419 111.675 2.36282Z"
+          fill="${mainColor}"
+        />
+        <path
+          d="M111.675 2.36282L5.95907 40.4034C2.62417 41.5671 1.22894 45.5127 3.12855 48.4256L38.0935 66.5322C38.5787 67.2956 38.8771 68.1692 38.9353 69.0769L40.0171 105.433C40.2714 109.398 44.6189 111.678 48.1107 109.687L170.657 42.1982C173.51 40.5748 174.306 36.8664 172.38 34.2915L117.821 4.20337C116.423 2.3246 113.936 1.58419 111.675 2.36282Z"
+          fill="black"
+          fill-opacity="0.2"
+        />
+        <path
+          d="M87.7661 10.3451L42.8966 26.7451C53.2383 42.6689 61.733 52.0346 83.5285 69.9305L72.6602 96.7644L124.938 67.4146L87.7661 10.3451Z"
+          fill="black"
+          fill-opacity="0.4"
+        />
+        <path
+          d="M117.463 35.3109L84.2774 135.083C83.1505 138.373 85.469 141.957 88.9953 142.366L140.628 136.913C141.544 137.029 142.434 137.359 143.202 137.894L179.674 168.848C183.03 171.185 187.562 169.32 188.118 165.382L220.324 23.654C220.782 20.439 218.284 17.4637 215.014 17.2913L122.754 31.7927C120.373 31.6604 118.235 33.0874 117.463 35.3109Z"
+          fill="${mainColor}"
+        />
+        <path
+          d="M117.463 35.3109L84.2774 135.083C83.1505 138.373 85.469 141.957 88.9953 142.366L140.628 136.913C141.544 137.029 142.434 137.359 143.202 137.894L179.674 168.848C183.03 171.185 187.562 169.32 188.118 165.382L220.324 23.654C220.782 20.439 218.284 17.4637 215.014 17.2913L122.754 31.7927C120.373 31.6604 118.235 33.0874 117.463 35.3109Z"
+          fill="black"
+          fill-opacity="0.2"
+        />
+        <path
+          d="M102.507 81.9603C133.877 111.544 163.475 121.389 196.311 128.548L209.49 70.9574L94.3558 40.9245L73.1163 95.2918L103.483 78.9191L102.507 81.9603Z"
+          fill="black"
+          fill-opacity="0.4"
+        />
+      </g>
+      <defs>
+        <clipPath id="clip0_2487_142">
+          <rect width="222" height="173" fill="white" />
+        </clipPath>
+      </defs>
+    </svg>
+  `;
+}

package/dist/templates/ribbons/RibbonType19.d.ts

@@ -0,0 +1,2 @@
+import { ISvgProps } from "../../interface";
+export declare function createRibbonType19({ mainColor, subColor, extraColor1, }: ISvgProps): string;

package/dist/templates/ribbons/RibbonType19.js

@@ -0,0 +1,137 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createRibbonType19 = createRibbonType19;
+function createRibbonType19({ mainColor = "#96A6B4", subColor = "#96A6B4", extraColor1 = "#96A6B4", }) {
+    const paintId0 = `paint0_linear_${Math.random().toString(36).substr(2, 9)}`;
+    return `
+    <svg
+      width="100%"
+      height="100%"
+      viewBox="0 0 464 207"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      preserveAspectRatio="xMidYMid meet"
+      style="
+        width: 100%;
+        height: 100%;
+        max-width: 100%;
+        max-height: 100%;
+        z-index: 1;
+        mix-blend-mode: normal;
+        pointer-events: none;
+        display: block;
+      "
+    >
+      <path
+        d="M437 186.595L461 186.595L443 206.595L437 186.595Z"
+        fill="${extraColor1}"
+      />
+      <path
+        d="M437 186.595L461 186.595L443 206.595L437 186.595Z"
+        fill="black"
+        fill-opacity="0.7"
+      />
+      <path
+        d="M27 186.595L3 186.595L21 206.595L27 186.595Z"
+        fill="${extraColor1}"
+      />
+      <path
+        d="M27 186.595L3 186.595L21 206.595L27 186.595Z"
+        fill="black"
+        fill-opacity="0.7"
+      />
+      <rect
+        y="18.5948"
+        width="464"
+        height="170"
+        rx="8"
+        fill="url(#${paintId0})"
+      />
+      <mask
+        id="mask0_2384_1402"
+        style="mask-type: alpha"
+        maskUnits="userSpaceOnUse"
+        x="0"
+        y="18"
+        width="464"
+        height="171"
+      >
+        <path
+          d="M0 32.5948C0 24.8629 6.26801 18.5948 14 18.5948H450C457.732 18.5948 464 24.8629 464 32.5948V188.595H0V32.5948Z"
+          fill="white"
+        />
+      </mask>
+      <g mask="url(#mask0_2384_1402)">
+        <path
+          d="M-20 37.479C-15.6524 32.1335 -12.4468 30.7643 -5.68182 30.6033L465.386 30.6034C474.492 30.4637 478.787 31.9948 484 39.5948"
+          stroke="white"
+          stroke-width="2"
+          stroke-linecap="round"
+        />
+        <path
+          d="M-20 170.711C-15.6524 176.056 -12.4468 177.425 -5.68182 177.586L465.386 177.586C474.492 177.726 478.787 176.195 484 168.595"
+          stroke="white"
+          stroke-width="2"
+          stroke-linecap="round"
+        />
+      </g>
+      <rect
+        x="21"
+        y="188.595"
+        width="422"
+        height="18"
+        fill="url(#paint1_linear_2384_1402)"
+        fill-opacity="0.4"
+      />
+      <rect
+        width="422"
+        height="18"
+        transform="matrix(1 0 0 -1 21 18.5948)"
+        fill="url(#paint2_linear_2384_1402)"
+        fill-opacity="0.4"
+      />
+      <rect
+        y="31.6613"
+        width="464"
+        height="144.766"
+        fill="white"
+        fill-opacity="0.3"
+      />
+      <defs>
+        <linearGradient
+          id="${paintId0}"
+          x1="-5.0557e-07"
+          y1="22.4585"
+          x2="476.152"
+          y2="126.196"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stop-color="${mainColor}" />
+          <stop offset="1" stop-color="${subColor}" />
+        </linearGradient>
+        <linearGradient
+          id="paint1_linear_2384_1402"
+          x1="280"
+          y1="188.595"
+          x2="280"
+          y2="206.595"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stop-opacity="0.4" />
+          <stop offset="1" stop-opacity="0" />
+        </linearGradient>
+        <linearGradient
+          id="paint2_linear_2384_1402"
+          x1="259"
+          y1="0"
+          x2="259"
+          y2="18"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stop-opacity="0.4" />
+          <stop offset="1" stop-opacity="0" />
+        </linearGradient>
+      </defs>
+    </svg>
+  `;
+}

package/dist/templates/ribbons/RibbonType19_1.d.ts

@@ -0,0 +1,2 @@
+import { ISvgProps } from "../../interface";
+export declare function createRibbonType19_1({ mainColor, subColor, }: ISvgProps): string;

package/dist/templates/ribbons/RibbonType19_1.js

@@ -0,0 +1,92 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createRibbonType19_1 = createRibbonType19_1;
+function createRibbonType19_1({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
+    return `
+    <svg
+      width="100%"
+      height="100%"
+      viewBox="0 0 546 129"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      preserveAspectRatio="xMidYMid meet"
+      style="
+        width: 100%;
+        height: 100%;
+        max-width: 100%;
+        max-height: 100%;
+        z-index: 1;
+        mix-blend-mode: normal;
+        pointer-events: none;
+        display: block;
+      "
+    >
+      <path
+        d="M473 4C473 1.79086 474.791 0 477 0H540.572C543.267 0 545.19 2.6107 544.392 5.18467L526.367 63.3153C526.128 64.087 526.128 64.913 526.367 65.6847L544.392 123.815C545.19 126.389 543.267 129 540.572 129H477C474.791 129 473 127.209 473 125V4Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M473 10.5586H542.723L525.955 64.4488L542.723 118.441H473V10.5586Z"
+        fill="white"
+        fill-opacity="0.2"
+      />
+      <path
+        d="M480 9.4679L543.621 9.4679"
+        stroke="white"
+        stroke-width="3"
+      />
+      <path
+        d="M480 118.94L543.621 118.94"
+        stroke="white"
+        stroke-width="3"
+      />
+      <rect
+        x="483"
+        width="42"
+        height="129"
+        fill="url(#paint0_linear_2384_1401)"
+      />
+      <path
+        d="M73 4C73 1.79086 71.2091 0 69 0H5.42819C2.73333 0 0.809517 2.6107 1.60765 5.18467L19.6327 63.3153C19.8719 64.087 19.8719 64.913 19.6327 65.6847L1.60765 123.815C0.809525 126.389 2.73333 129 5.42819 129H69C71.2091 129 73 127.209 73 125V4Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M72.9238 10.5586H3.20117L19.9693 64.4488L3.20117 118.441H72.9238V10.5586Z"
+        fill="white"
+        fill-opacity="0.2"
+      />
+      <path d="M2 9.4679L65.6211 9.4679" stroke="white" stroke-width="3" />
+      <path d="M2 118.94L65.6211 118.94" stroke="white" stroke-width="3" />
+      <rect
+        width="43"
+        height="129"
+        transform="matrix(-1 0 0 1 62 0)"
+        fill="url(#paint1_linear_2384_1401)"
+      />
+      <defs>
+        <linearGradient
+          id="paint0_linear_2384_1401"
+          x1="443.838"
+          y1="56.8073"
+          x2="515.536"
+          y2="44.2542"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop />
+          <stop offset="1" stop-opacity="0" />
+        </linearGradient>
+        <linearGradient
+          id="paint1_linear_2384_1401"
+          x1="-40.0946"
+          y1="56.8073"
+          x2="33.206"
+          y2="43.6682"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop />
+          <stop offset="1" stop-opacity="0" />
+        </linearGradient>
+      </defs>
+    </svg>
+  `;
+}

package/dist/templates/ribbons/RibbonType2.d.ts

@@ -0,0 +1,2 @@
+import { ISvgProps } from "../../interface";
+export declare function createRibbonType2({ mainColor, subColor, }: ISvgProps): string;

package/dist/templates/ribbons/RibbonType2.js

@@ -0,0 +1,53 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createRibbonType2 = createRibbonType2;
+function createRibbonType2({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
+    const paintId0 = `paint0_linear_${Math.random().toString(36).substr(2, 9)}`;
+    return `
+    <svg
+      width="100%"
+      height="100%"
+      viewBox="0 0 552 174"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      preserveAspectRatio="xMidYMid meet"
+      style="
+        width: 100%;
+        height: 100%;
+        object-fit: contain;
+        position: absolute;
+        left: 50%;
+        top: 50%;
+        transform: translate(-50%, -50%);
+        max-width: 100%;
+        max-height: 100%;
+        z-index: 1;
+        mix-blend-mode: normal;
+        pointer-events: none;
+        display: block;
+      "
+    >
+      <path opacity="0.3" d="M37 33H515L514.608 174H37V33Z" fill="black" />
+      <path
+        d="M1.74812 9.45452C0.838874 4.53695 4.61386 0 9.61478 0H542.385C547.386 0 551.161 4.53696 550.252 9.45453L537.292 79.5455C537.114 80.507 537.114 81.493 537.292 82.4545L550.252 152.545C551.161 157.463 547.386 162 542.385 162H9.61482C4.61389 162 0.838875 157.463 1.74812 152.545L14.7078 82.4545C14.8856 81.493 14.8856 80.507 14.7078 79.5455L1.74812 9.45452Z"
+        fill="url(#${paintId0})"
+      />
+      <path d="M2 12L550 12" stroke="${mainColor}" />
+      <path d="M2 150L550 150" stroke="${mainColor}" />
+      <defs>
+        <linearGradient
+          id="${paintId0}"
+          x1="0"
+          y1="81"
+          x2="552"
+          y2="81"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stop-color="${mainColor}" />
+          <stop offset="0.5" stop-color="${subColor}" />
+          <stop offset="1" stop-color="${mainColor}" />
+        </linearGradient>
+      </defs>
+    </svg>
+  `;
+}

package/dist/templates/ribbons/RibbonType21.d.ts

@@ -0,0 +1,2 @@
+import { ISvgProps } from "../../interface";
+export declare function createRibbonType21({ mainColor, subColor, }: ISvgProps): string;

package/dist/templates/ribbons/RibbonType21.js

@@ -0,0 +1,122 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createRibbonType21 = createRibbonType21;
+function createRibbonType21({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
+    const paintId3 = `paint3_linear_${Math.random().toString(36).substr(2, 9)}`;
+    return `
+    <svg
+      width="100%"
+      height="100%"
+      viewBox="0 0 565 175"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      preserveAspectRatio="xMidYMid meet"
+      style="
+        width: 100%;
+        height: 100%;
+        max-width: 100%;
+        max-height: 100%;
+        z-index: 1;
+        mix-blend-mode: normal;
+        pointer-events: none;
+        display: block;
+      "
+    >
+      <path
+        d="M45.2453 36.1859L4.50029 47.2967C1.11157 48.2159 -0.526591 52.0862 1.1758 55.1664L27.1935 102.626C27.6271 103.432 27.868 104.335 27.868 105.254V163.551C27.868 167.566 32.0437 170.195 35.6412 168.453L105.423 134.814C108.362 133.395 109.39 129.718 107.64 126.976L51.2358 38.508C49.967 36.5084 47.5419 35.5731 45.2453 36.1859Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M45.2453 36.1859L4.50029 47.2967C1.11157 48.2159 -0.526591 52.0862 1.1758 55.1664L27.1935 102.626C27.6271 103.432 27.868 104.335 27.868 105.254V163.551C27.868 167.566 32.0437 170.195 35.6412 168.453L105.423 134.814C108.362 133.395 109.39 129.718 107.64 126.976L51.2358 38.508C49.967 36.5084 47.5419 35.5731 45.2453 36.1859Z"
+        fill="black"
+        fill-opacity="0.2"
+      />
+      <path
+        opacity="0.3"
+        d="M34.9859 39.1738L46.4861 35.9991L84.0921 146.614L54.0274 159.344C44.8274 159.344 34.8198 142.499 34.9864 138.999L34.9859 39.1738Z"
+        fill="url(#paint0_linear_2399_1177)"
+      />
+      <path
+        d="M519.747 35.1859L560.492 46.2967C563.881 47.2159 565.519 51.0862 563.816 54.1664L537.799 101.626C537.365 102.432 537.124 103.335 537.124 104.254V162.551C537.124 166.566 532.948 169.195 529.351 167.453L459.569 133.814C456.63 132.395 455.602 128.718 457.353 125.976L513.756 37.508C515.025 35.5084 517.45 34.5731 519.747 35.1859Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M519.747 35.1859L560.492 46.2967C563.881 47.2159 565.519 51.0862 563.816 54.1664L537.799 101.626C537.365 102.432 537.124 103.335 537.124 104.254V162.551C537.124 166.566 532.948 169.195 529.351 167.453L459.569 133.814C456.63 132.395 455.602 128.718 457.353 125.976L513.756 37.508C515.025 35.5084 517.45 34.5731 519.747 35.1859Z"
+        fill="black"
+        fill-opacity="0.2"
+      />
+      <path
+        opacity="0.3"
+        d="M532.499 38.6746L520.998 35.5L483.392 146.115L513.457 158.845C522.657 158.845 532.665 142 532.498 138.5L532.499 38.6746Z"
+        fill="url(#paint1_linear_2399_1177)"
+      />
+      <rect
+        x="72.4961"
+        y="145"
+        width="420"
+        height="21.4648"
+        fill="url(#paint2_linear_2399_1177)"
+        fill-opacity="0.4"
+      />
+      <path
+        d="M509.703 0H54.2897C47.7763 0 42.4961 5.52858 42.4961 12.3484V128.652C42.4961 135.471 47.7763 141 54.2897 141H509.703C516.216 141 521.496 135.471 521.496 128.652V12.3484C521.496 5.52858 516.216 0 509.703 0Z"
+        fill="white"
+      />
+      <path
+        d="M510.678 6H54.3143C47.7873 6 42.4961 11.6462 42.4961 18.6112V137.389C42.4961 144.354 47.7873 150 54.3143 150H510.678C517.205 150 522.496 144.354 522.496 137.389V18.6112C522.496 11.6462 517.205 6 510.678 6Z"
+        fill="url(#${paintId3})"
+      />
+      <path
+        d="M42.4961 21.6269C46.5432 16.1924 50.1047 15.0624 58.0856 15.1889H509.013C515.7 15.9259 518.701 17.5852 522.496 23.8438V134.982C520.956 142.745 511.689 143.393 498.527 143.535H55.1622C49.2574 144.033 44.0458 139.75 42.4961 136.028V21.6269Z"
+        fill="white"
+        fill-opacity="0.3"
+      />
+      <defs>
+        <linearGradient
+          id="paint0_linear_2399_1177"
+          x1="69.8846"
+          y1="87.1645"
+          x2="37.5475"
+          y2="92.7491"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop />
+          <stop offset="1" stop-opacity="0" />
+        </linearGradient>
+        <linearGradient
+          id="paint1_linear_2399_1177"
+          x1="497.6"
+          y1="86.6654"
+          x2="529.937"
+          y2="92.25"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop />
+          <stop offset="1" stop-opacity="0" />
+        </linearGradient>
+        <linearGradient
+          id="paint2_linear_2399_1177"
+          x1="282.496"
+          y1="145"
+          x2="282.496"
+          y2="166.465"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop />
+          <stop offset="1" stop-opacity="0" />
+        </linearGradient>
+        <linearGradient
+          id="${paintId3}"
+          x1="42.4961"
+          y1="17.6471"
+          x2="535.672"
+          y2="136.959"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stop-color="${mainColor}" />
+          <stop offset="1" stop-color="${subColor}" />
+        </linearGradient>
+      </defs>
+    </svg>
+  `;
+}

package/dist/templates/ribbons/RibbonType22.d.ts

@@ -0,0 +1,2 @@
+import { ISvgProps } from "../../interface";
+export declare function createRibbonType22({ mainColor, subColor, }: ISvgProps): string;

package/dist/templates/ribbons/RibbonType22.js

@@ -0,0 +1,72 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createRibbonType22 = createRibbonType22;
+function createRibbonType22({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
+    return `
+    <svg
+      width="100%"
+      height="100%"
+      viewBox="0 0 507 184"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      preserveAspectRatio="xMidYMid meet"
+      style="
+        width: 100%;
+        height: 100%;
+        max-width: 100%;
+        max-height: 100%;
+        z-index: 1;
+        mix-blend-mode: normal;
+        pointer-events: none;
+        display: block;
+      "
+    >
+      <rect x="16.4961" width="455" height="150" fill="white" />
+      <path
+        d="M36.6309 154H490.496V184H38.0612C36.3356 179.296 36.3646 170.675 36.6309 154Z"
+        fill="url(#paint0_linear_2399_1178)"
+        fill-opacity="0.4"
+      />
+      <rect
+        x="0.496094"
+        y="3"
+        width="506"
+        height="162"
+        rx="10"
+        fill="${mainColor}"
+      />
+      <rect
+        x="0.496094"
+        y="3"
+        width="506"
+        height="162"
+        rx="10"
+        fill="white"
+        fill-opacity="0.3"
+      />
+      <path
+        d="M0.496094 11C0.496094 6.58172 4.07782 3 8.49609 3H498.496C502.914 3 506.496 6.58172 506.496 11V15H0.496094V11Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M0.496094 157C0.496094 161.418 4.07782 165 8.49609 165H498.496C502.914 165 506.496 161.418 506.496 157V153H0.496094V157Z"
+        fill="${mainColor}"
+      />
+      <path d="M0.496094 15H506.496" stroke="white" stroke-width="4" />
+      <path d="M0.496094 153H506.496" stroke="white" stroke-width="4" />
+      <defs>
+        <linearGradient
+          id="paint0_linear_2399_1178"
+          x1="263.496"
+          y1="164.751"
+          x2="263.496"
+          y2="184"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop />
+          <stop offset="1" stop-opacity="0" />
+        </linearGradient>
+      </defs>
+    </svg>
+  `;
+}

package/dist/templates/ribbons/RibbonType23.d.ts

@@ -0,0 +1,2 @@
+import { ISvgProps } from "../../interface";
+export declare function createRibbonType23({ mainColor, subColor, }: ISvgProps): string;