From ddd1728e4ee19db097a56088d0b4f23c59ba2bad Mon Sep 17 00:00:00 2001
From: Karli <projects@supa.ee>
Date: Wed, 24 Sep 2025 12:44:47 +0300
Subject: [PATCH] feat(MED-97): allow different card heading sizes

---
 packages/ui/src/shadcn/card.tsx | 18 +++++++++++-------
 1 file changed, 11 insertions(+), 7 deletions(-)

diff --git a/packages/ui/src/shadcn/card.tsx b/packages/ui/src/shadcn/card.tsx
index 660c801..e8accfe 100644
--- a/packages/ui/src/shadcn/card.tsx
+++ b/packages/ui/src/shadcn/card.tsx
@@ -41,15 +41,19 @@ const CardHeader: React.FC<React.HTMLAttributes<HTMLDivElement>> = ({
 );
 CardHeader.displayName = 'CardHeader';
 
-const CardTitle: React.FC<React.HTMLAttributes<HTMLHeadingElement>> = ({
+const CardTitle: React.FC<React.HTMLAttributes<HTMLHeadingElement> & { size?: 'h3' | 'h4' | 'h5' }> = ({
   className,
+  size = 'h3',
   ...props
-}) => (
-  <h3
-    className={cn('leading-none font-semibold tracking-tight', className)}
-    {...props}
-  />
-);
+}) => {
+  const Component = size;
+  return (
+    <Component
+      className={cn('leading-none font-semibold tracking-tight', className)}
+      {...props}
+    />
+  );
+};
 CardTitle.displayName = 'CardTitle';
 
 const CardDescription: React.FC<React.HTMLAttributes<HTMLParagraphElement>> = ({