mirror of
https://github.com/shadcn-ui/taxonomy
synced 2026-05-24 09:48:32 +00:00
39 lines
904 B
TypeScript
39 lines
904 B
TypeScript
|
import Link from "next/link"
|
||
|
|
|
||
|
|
import { cn } from "@/lib/utils"
|
||
|
|
|
||
|
|
interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
|
||
|
|
href?: string
|
||
|
|
disabled?: boolean
|
||
|
|
}
|
||
|
|
|
||
|
|
export function Card({
|
||
|
|
href,
|
||
|
|
className,
|
||
|
|
children,
|
||
|
|
disabled,
|
||
|
|
...props
|
||
|
|
}: CardProps) {
|
||
|
|
return (
|
||
|
|
<div
|
||
|
|
className={cn(
|
||
|
|
"group relative rounded-lg border border-slate-200 bg-white p-6 shadow-md transition-shadow hover:shadow-lg",
|
||
|
|
disabled && "cursor-not-allowed opacity-60",
|
||
|
|
className
|
||
|
|
)}
|
||
|
|
{...props}
|
||
|
|
>
|
||
|
|
<div className="flex flex-col justify-between space-y-4">
|
||
|
|
<div className="space-y-2 [&>p]:text-slate-600 [&>h4]:!mt-0 [&>h3]:!mt-0">
|
||
|
|
{children}
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
{href && (
|
||
|
|
<Link href={disabled ? "#" : href} className="absolute inset-0">
|
||
|
|
<span className="sr-only">View</span>
|
||
|
|
</Link>
|
||
|
|
)}
|
||
|
|
</div>
|
||
|
|
)
|
||
|
|
}
|