@local-civics/hub-ui 0.1.110 → 0.1.112

package/dist/index.mjs

@@ -5702,6 +5702,36 @@ const LogServiceButton = (props) => {
   ), isOpen && /* @__PURE__ */ React__default.createElement(Form, __spreadProps(__spreadValues({ onSubmit: props.onSubmit }, props.form), { onClose })));
 };
 
+const Stopwatch = (props) => {
+  const ctaList = (props == null ? void 0 : props.ctaList) || [];
+  const getColor = (label) => {
+    if (label.toLowerCase() === "start") {
+      return "green";
+    } else if (label.toLowerCase() === "stop") {
+      return "rose";
+    }
+    return "blue";
+  };
+  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement("div", { className: "shadow-2xl shadow-gray-400 h-30 w-48 grid grid-cols-1 justify-items-center text-slate-600 text-md gap-4 p-4 box-border" }, /* @__PURE__ */ React__default.createElement("div", { className: "shadow-xl w-36 text-center text-lg p-2" }, props.time), /* @__PURE__ */ React__default.createElement("div", { className: "grid grid-cols-3 gap-2" }, ctaList && ctaList.length && ctaList.map((ctaObj, i) => {
+    const color = getColor(ctaObj.ctaLabel || "");
+    return /* @__PURE__ */ React__default.createElement(
+      Button,
+      {
+        key: i,
+        onClick: () => props.onCTAClick && props.onCTAClick(ctaObj.ctaLabel || ""),
+        theme: "dark",
+        border: "rounded",
+        size: "sm",
+        spacing: "xs",
+        color,
+        text: ctaObj.ctaLabel,
+        active: false,
+        disabled: ctaObj.readOnly
+      }
+    );
+  }))));
+};
+
 const TaskItem = (props) => {
   const color = props.status === "done" ? "text-green-500" : props.status === "in-progress" ? "text-cyan-100" : "text-gray-300";
   const border = props.full ? "border-b border-gray-100" : props.status === "done" ? "border rounded border-gray-200" : "border rounded border-gray-200";
@@ -5771,5 +5801,5 @@ const HomeLayout = (props) => {
   return /* @__PURE__ */ React__default.createElement("main", { className: "relative h-screen w-full overflow-hidden bg-white font-proxima" }, /* @__PURE__ */ React__default.createElement(NavBar, null, /* @__PURE__ */ React__default.createElement(NavLink, { name: "home", onClick: props.onHome, active: true }), /* @__PURE__ */ React__default.createElement(NavLink, { name: "login", onClick: props.onLogin }), /* @__PURE__ */ React__default.createElement(NavLink, { name: "faq", onClick: props.onFAQ }), /* @__PURE__ */ React__default.createElement(NavLink, { name: "privacy", onClick: props.onPrivacy }), /* @__PURE__ */ React__default.createElement(NavLink, { name: "terms", onClick: props.onTerms })), /* @__PURE__ */ React__default.createElement("section", { className: "absolute top-0 left-0 h-full overflow-hidden pt-16 w-full" }, props.children));
 };
 
-export { AboutWidget, AchievementWidget, ActivityCard, ActivityItem, ActivityList, ActivityReflection, AuthLayout, Badge, BadgeActivityMenu, BadgeSection, BadgeSuccessDialog, Board, Button, Card, DateSelection, EventItem, EventList, Home, HomeLayout, Icon$1 as Icon, ImpactWidget, LearningForm, Loader, LogServiceButton, Logo, Modal, NavBar, NavLink, NotFound, Onboarding, Overlay, PathwayButton, PathwayFilter, PathwayProgress, PathwayWidget, ProfileWidget, Progress, Search, SearchButton, SearchResult, SettingsCard, Tab, TagFilter, TaskItem, TaskList, Widget, WidgetBody, WidgetHeader, WidgetHeaderLink, WidgetTitle };
+export { AboutWidget, AchievementWidget, ActivityCard, ActivityItem, ActivityList, ActivityReflection, AuthLayout, Badge, BadgeActivityMenu, BadgeSection, BadgeSuccessDialog, Board, Button, Card, DateSelection, EventItem, EventList, Home, HomeLayout, Icon$1 as Icon, ImpactWidget, LearningForm, Loader, LogServiceButton, Logo, Modal, NavBar, NavLink, NotFound, Onboarding, Overlay, PathwayButton, PathwayFilter, PathwayProgress, PathwayWidget, ProfileWidget, Progress, Search, SearchButton, SearchResult, SettingsCard, Stopwatch, Tab, TagFilter, TaskItem, TaskList, Widget, WidgetBody, WidgetHeader, WidgetHeaderLink, WidgetTitle };
 //# sourceMappingURL=index.mjs.map