https://khidmah.ai/assets/card-PYNwpZgM.js

1const e=`import * as React from "react";
2
3import { cn } from "@/lib/utils";
4
5const Card = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(({ className, ...props }, ref) => (
6  <div ref={ref} className={cn("rounded-lg border bg-card text-card-foreground shadow-sm", className)} {...props} />
7));
8Card.displayName = "Card";
9
10const CardHeader = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(
11  ({ className, ...props }, ref) => (
12    <div ref={ref} className={cn("flex flex-col space-y-1.5 p-6", className)} {...props} />
13  ),
14);
15CardHeader.displayName = "CardHeader";
16
17const CardTitle = React.forwardRef<HTMLParagraphElement, React.HTMLAttributes<HTMLHeadingElement>>(
18  ({ className, ...props }, ref) => (
19    <h3 ref={ref} className={cn("text-2xl font-semibold leading-none tracking-tight", className)} {...props} />
20  ),
21);
22CardTitle.displayName = "CardTitle";
23
24const CardDescription = React.forwardRef<HTMLParagraphElement, React.HTMLAttributes<HTMLParagraphElement>>(
25  ({ className, ...props }, ref) => (
26    <p ref={ref} className={cn("text-sm text-muted-foreground", className)} {...props} />
27  ),
28);
29CardDescription.displayName = "CardDescription";
30
31const CardContent = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(
32  ({ className, ...props }, ref) => <div ref={ref} className={cn("p-6 pt-0", className)} {...props} />,
33);
34CardContent.displayName = "CardContent";
35
36const CardFooter = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(
37  ({ className, ...props }, ref) => (
38    <div ref={ref} className={cn("flex items-center p-6 pt-0", className)} {...props} />
39  ),
40);
41CardFooter.displayName = "CardFooter";
42
43export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent };
44`;export{e as default};