From 4a3fa20ee778d64b818f1a31bdf08342014dadd2 Mon Sep 17 00:00:00 2001
From: Matt Aitken <matt@mattaitken.com>
Date: Wed, 5 Jul 2023 17:10:10 +0100
Subject: [PATCH] Export the callout styles

---
 apps/webapp/app/components/primitives/Callout.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/webapp/app/components/primitives/Callout.tsx b/apps/webapp/app/components/primitives/Callout.tsx
index a370d165d..6ce1d6464 100644
--- a/apps/webapp/app/components/primitives/Callout.tsx
+++ b/apps/webapp/app/components/primitives/Callout.tsx
@@ -12,7 +12,7 @@ import {
   CheckCircleIcon,
 } from "@heroicons/react/24/solid";
 
-const variantClasses = {
+export const variantClasses = {
   info: {
     className: "border-blue-400/20 bg-blue-400/30",
     icon: <InformationCircleIcon className="h-5 w-5 shrink-0 text-blue-400" />,
@@ -76,7 +76,7 @@ export function Callout({
           className
         )}
       >
-        <div className="flex w-full items-start gap-x-2">
+        <div className={"flex w-full items-start gap-x-2"}>
           {icon ? icon : variantDefinition.icon}
 
           {typeof children === "string" ? (