From 8d8b769673fd6744782f9be6ca4a22afb8a53c51 Mon Sep 17 00:00:00 2001
From: Andrew Croce <andrew+dds@promptworks.com>
Date: Mon, 27 Aug 2018 14:16:11 -0400
Subject: [PATCH] Add sub_message to EmptyState component Change params to
 camel case

---
 templates/components/empty_state.html | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/templates/components/empty_state.html b/templates/components/empty_state.html
index 7dc6f119..b0aaa038 100644
--- a/templates/components/empty_state.html
+++ b/templates/components/empty_state.html
@@ -1,13 +1,20 @@
 {% from "components/icon.html" import Icon %}
 
-{% macro EmptyState(message, actionLabel, actionHref, icon=None) -%}
+{% macro EmptyState(message, action_label, action_href, icon=None, sub_message=None) -%}
   <div class='empty-state'>
-    <p>{{ message }}</p>
+    <p class='empty-state__message'>{{ message }}</p>
 
     {% if icon %}
       {{ Icon(icon) }}
     {% endif %}
 
-    <a href='{{ actionHref }}' class='usa-button usa-button-big'>{{ actionLabel }}</a>
+    {% if sub_message %}
+      <p class='empty-state__sub-message'>{{ sub_message }}</p>
+    {% endif %}
+
+    {% if action_href and action_label %}
+      <a href='{{ action_href }}' class='usa-button usa-button-big'>{{ action_label }}</a>
+    {% endif %}
+
   </div>
 {%- endmacro %}