From b931de200a10d5e3630a697b46aa98929a4b3822 Mon Sep 17 00:00:00 2001
From: Korbs <korbs@sudovanilla.org>
Date: Wed, 4 Dec 2024 13:59:55 -0500
Subject: [PATCH] Add Label Type option

---
 src/blocks/CallToAction.astro | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/src/blocks/CallToAction.astro b/src/blocks/CallToAction.astro
index dbd562c..bcdecdd 100644
--- a/src/blocks/CallToAction.astro
+++ b/src/blocks/CallToAction.astro
@@ -8,6 +8,7 @@ const {
     ImageAlt,
 
     Label,
+    LabelType,
     Shadow,
 
     PrimaryAction,
@@ -38,7 +39,7 @@ import Image from '../Image.astro'
         <div class="pd-cta-end-actions">
             {SecondaryActionText ? <a id="cta-secondary" href={SecondaryAction}>{SecondaryActionText}</a> : null}
             {PrimaryActionText ? <a id="cta-primary" href={PrimaryAction}>{PrimaryActionText}</a> : null}
-            {Label ? <p id="cta-label">{Label}</p> : null}
+            {Label ? <p class={'pd-cta-label pd-cta-label-' + LabelType}>{Label}</p> : null}
         </div>
     </div>
 </div>
@@ -98,7 +99,7 @@ import Image from '../Image.astro'
                     0.3s background,
                     0.6s color;
             }
-            #cta-label {
+            .pd-cta-label {
                 border-color: rgb(247, 247, 149);
                 background: rgb(247, 247, 149);
                 color: black !important;
@@ -109,6 +110,14 @@ import Image from '../Image.astro'
                 transition:
                     0.3s background,
                     0.6s color;
+                &.pd-cta-label-Note {
+                    background-color: #1f6feb;
+                    color: white !important;
+                }
+                &.pd-cta-label-Warning {
+                    background-color: #da3633;
+                    color: white !important;
+                }
             }
         }
     }