You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

17 lines
391 B

import { type HTMLAttributes, type ReactNode } from "react";
interface CardProps extends HTMLAttributes<HTMLDivElement> {
children: ReactNode;
}
export function Card({ children, className = "", ...rest }: CardProps) {
return (
<div
{...rest}
className={`rounded-lg border border-border bg-surface p-6 shadow-card ${className}`}
>
{children}
</div>
);
}