21 lines
No EOL
909 B
TypeScript
21 lines
No EOL
909 B
TypeScript
import * as React from 'react';
|
|
|
|
export const Card = ({ className = "", ...props }: React.HTMLAttributes<HTMLDivElement>) => {
|
|
return <div className={`rounded-xl border bg-white ${className}`} {...props} />;
|
|
};
|
|
|
|
export function CardHeader({ className = '', ...props }: React.HTMLAttributes<HTMLDivElement>) {
|
|
return <div className={`p-4 border-b ${className}`} {...props} />;
|
|
}
|
|
|
|
export function CardTitle({ className = '', ...props }: React.HTMLAttributes<HTMLHeadingElement>) {
|
|
return <h3 className={`text-lg font-semibold ${className}`} {...props} />;
|
|
}
|
|
|
|
export function CardDescription({ className = '', ...props }: React.HTMLAttributes<HTMLParagraphElement>) {
|
|
return <p className={`text-sm text-gray-500 ${className}`} {...props} />;
|
|
}
|
|
|
|
export function CardContent({ className = '', ...props }: React.HTMLAttributes<HTMLDivElement>) {
|
|
return <div className={`p-4 ${className}`} {...props} />;
|
|
} |