35 lines
882 B
TypeScript
35 lines
882 B
TypeScript
import React from "react";
|
|
import {
|
|
Card,
|
|
CardHeader,
|
|
CardBody,
|
|
Divider,
|
|
Image,
|
|
} from "@nextui-org/react";
|
|
import NextLink from "next/link";
|
|
|
|
export function ProjectCard({ projectName, projectDetail }) {
|
|
return (
|
|
<NextLink href={`/projects/${1}`}>
|
|
<Card className="w-[250px] bg-white hover:bg-gray-100 dark:bg-gray-700 dark:hover:bg-gray-800">
|
|
<CardHeader className="flex gap-3">
|
|
<Image
|
|
alt="nextui logo"
|
|
height={40}
|
|
radius="sm"
|
|
src="https://avatars.githubusercontent.com/u/86160567?s=200&v=4"
|
|
width={40}
|
|
/>
|
|
<div className="flex flex-col">
|
|
<p className="text-md">{projectName}</p>
|
|
</div>
|
|
</CardHeader>
|
|
<Divider />
|
|
<CardBody>
|
|
<p>{projectDetail}</p>
|
|
</CardBody>
|
|
</Card>
|
|
</NextLink>
|
|
);
|
|
}
|