forked from baron/baron-sso
59 lines
1.4 KiB
TypeScript
59 lines
1.4 KiB
TypeScript
import type * as React from "react";
|
|
import {
|
|
commonCardClass,
|
|
commonCardContentClass,
|
|
commonCardDescriptionClass,
|
|
commonCardFooterClass,
|
|
commonCardHeaderClass,
|
|
commonCardTitleClass,
|
|
} from "../../../../common/ui/card";
|
|
import { cn } from "../../lib/utils";
|
|
|
|
function Card({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) {
|
|
return <div className={cn(commonCardClass, className)} {...props} />;
|
|
}
|
|
|
|
function CardHeader({
|
|
className,
|
|
...props
|
|
}: React.HTMLAttributes<HTMLDivElement>) {
|
|
return <div className={cn(commonCardHeaderClass, className)} {...props} />;
|
|
}
|
|
|
|
function CardTitle({
|
|
className,
|
|
...props
|
|
}: React.HTMLAttributes<HTMLHeadingElement>) {
|
|
return <h3 className={cn(commonCardTitleClass, className)} {...props} />;
|
|
}
|
|
|
|
function CardDescription({
|
|
className,
|
|
...props
|
|
}: React.HTMLAttributes<HTMLParagraphElement>) {
|
|
return <p className={cn(commonCardDescriptionClass, className)} {...props} />;
|
|
}
|
|
|
|
function CardContent({
|
|
className,
|
|
...props
|
|
}: React.HTMLAttributes<HTMLDivElement>) {
|
|
return <div className={cn(commonCardContentClass, className)} {...props} />;
|
|
}
|
|
|
|
function CardFooter({
|
|
className,
|
|
...props
|
|
}: React.HTMLAttributes<HTMLDivElement>) {
|
|
return <div className={cn(commonCardFooterClass, className)} {...props} />;
|
|
}
|
|
|
|
export {
|
|
Card,
|
|
CardHeader,
|
|
CardTitle,
|
|
CardDescription,
|
|
CardContent,
|
|
CardFooter,
|
|
};
|