changeable card program label

majak_uistyleguide/templates/patterns/molecules/program/card_program.html

@@ -4,6 +4,7 @@
     id="{{ id }}"
   >
     <ui-card-program
+      label="{{ header }}"
       :points="{{ program_data }}"
     ></ui-card-program>
 

src/js/components/card_program/CardProgram.vue

@@ -5,7 +5,7 @@
 <template>
   <div class="bg-pirati-yellow py-16">
     <div class="container--wide">
-      <h2 class="head-14xl head-compact mb-8">Program</h2>
+      <h2 class="head-14xl head-compact mb-8">{{ label }}</h2>
 
       <ul
         class="
@@ -32,6 +32,6 @@
 <script>
 export default {
   name: "CardProgram",
-  props: ["points"],
+  props: ["points", "label"],
 }
 </script>