mirror of
https://github.com/supabase/supabase.git
synced 2026-06-21 08:46:00 +08:00
33 lines
803 B
TypeScript
33 lines
803 B
TypeScript
import Link from 'next/link'
|
|
import { ReactElement } from 'react'
|
|
|
|
export default function LinkCard({
|
|
title,
|
|
description,
|
|
icon,
|
|
link,
|
|
}: {
|
|
title: string
|
|
description: string
|
|
icon: any
|
|
link: string
|
|
}) {
|
|
return (
|
|
<Link href={link || '#'}>
|
|
<a className="border-scale-200 hover:border-brand dark:bg-scale-400 m-4 w-full cursor-pointer rounded-md border p-4 shadow-sm hover:shadow-2xl lg:w-2/5">
|
|
{description ? (
|
|
<>
|
|
<h4 className="m-0 mb-4 p-0 text-base font-semibold">{title}</h4>
|
|
<p className="text-scale-1100 m-0 p-0">{description}</p>
|
|
</>
|
|
) : (
|
|
<div className="flex">
|
|
{icon}
|
|
<p className="text-scale-1200 m-0 p-0">{title}</p>
|
|
</div>
|
|
)}
|
|
</a>
|
|
</Link>
|
|
)
|
|
}
|